[CSS3] 구조적 가상 클래스 선택자

:root

문서의 최상위 태그(html)를 선택한다.

 

태그:nth-child(n)

n번째 태그가 일치하면 선택한다. (여기서 n은 수열이다. 예를 들어 2n+1)

 

태그:nth-last-child(n)

뒤에서부터 n번째 태그가 일치하면 선택한다.

 

태그:nth-of-type(n)

일치하는 태그들 중, n번째 태그를 선택한다.

 

태그:nth-last-of-type(n)

일치하는 태그들 중, 뒤에서부터 n번째 태그를 선택한다.

 

태그:first-chlid

첫번째 태그가 일치하면 선택한다.

 

태그:last-chlid

마지막 태그가 일치하면 선택한다.

 

태그:first-of-type

일치하는 태그들 중, 첫번째 태그를 선택한다.

 

태그:last-of-type

일치하는 태그들 중, 마지막 태그를 선택한다.

 

태그:only-child

이 태그가 유일한 자식이면 선택한다. (E가 아닌 태그가 하나라도 포함되면 선택하지 않는다.)

 

태그:only-of-type

이 태그가 유일한 타입이면 선택한다. (E가 아닌 태그가 포함되어도 E타입이 유일하면 선택한다.)

 

태그:empty

텍스트 및 공백을 포함하여 자식 요소가 없는 태그를 선택한다.