개념 공부/기타
[CSS3] 구조적 가상 클래스 선택자
clean01
2020. 6. 28. 22:59
: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
텍스트 및 공백을 포함하여 자식 요소가 없는 태그를 선택한다.