Click a selector: 선택기를 클릭하여 결과에서 선택되는 요소를 확인합니다.
.소개
#성
.소개, #성
h1
h1, 피
div 피
div > p
울 + 피
울 ~ 테이블
*
p.myquote
[ID]
[ID=내 주소]
[id$=ess]
[아이디|=내]
[아이디^=엘]
[제목~=아름다워]
[아이디*=s]
: 체크
:장애가있는
:활성화
:비어있는
:집중하다
p:첫째 아이
p::첫 글자
p::첫줄
p:최초 유형
h1:호버
입력:범위 내
입력:범위를 벗어남
입력: 무효
입력:유효
p:lang(잇)
p:마지막 자식
p:마지막 유형
tr:n번째 자식(짝수)
tr:n번째 자식(홀수)
li:n번째 자식(1)
li:n번째 마지막 자식(1)
li:nth-of-type(2)
li:n번째 마지막 유형(2)
b: 외동
h3:only-of-type
:뿌리
결과:

<h1> 내 홈페이지에 오신 것을 환영합니다 </h1>

<div 클래스="소개">

<p> 제 이름은 Donald <span id="Lastname"> 덕입니다. </span> </p>

<p id="my-Address"> 저는 덕버그에 살고 있습니다 </p>

<p> 친구가 많습니다: </p>

</div>

<ul id="친구 목록>
  • <li> 구피 </li>
  • <li> 미키 </li>
  • <li> 데이지 </li>
  • <li> 명왕성 </li>
</ul>

    <p class="myquot"> 내 친구들은 모두 훌륭합니다! <br>
    하지만 나는 데이지를 정말 좋아해요!! </p>

    <p lang="it" title="Hello Beautiful"> 챠오 벨라 </p>

    <h3> 우리는 모두 동물입니다! </h3>

    <p> <b> 나의 최근 발견으로 인해 우리는 모두 동물이라고 믿게 되었습니다. </b> </p>

    <표>
      이름 동물의 종류
      미키
      구피
      데이지 오리
      명왕성
      </표>

      CSS 선택기를 클릭하고 지정된 요소가 선택되는지 확인합니다. © w3schools.com