[css] 선택자2 - Pseudo-classes Selector 가상 클래스 선택자

1. Structural Pseudo-classes Selecor. 구조 가상 클래스

선택자	의미
:root	문서 최상위의 요소
:nth-child(n)	상위 요소의 n번째 자식 요소
:nth-last-child(n)	상위 요소의 역순으로 n번째 자식 요소
:nth-of-type(n)	동일한 타입의 형제 요소 중 n번째 요소
:nth-last-of-type(n)	동일한 타입의 형제 요소 중 역순으로 n번째 요소
:first-child	첫 번째 자식 요소
:last-child	마지막 자식 요소
:first-of-type(n)	상위 요소의 첫 번째 자식의 타입이 매치될 때 선택됨
:last-of-type(n)	상위 요소의 마지막 자식의 타입이 매치될 떄 선택됨
:only-child	상위 요소에 대해 유일한 자식 요소일 때 선택됨
:only-of-type	상위 요소에 대해 유일한 자식 요소이며 타입이 매치될 때 선택됨
:empty	텍스트를 포함하여 아무런 자식 요소를 가지고 있지 않을 떄 선택됨

2. UI element states Pseudo-classes Selecor. UI 요소 상태 가상 클래스

:enalbed	사용 가능한 상태의 요소
:disabled	사용 불가능한 상태의 요소
:checked	체크된 요소

3. Negation Pseudo-classes Selecor. 부정 가상 클래스

:not(E)

E로 지정된 선택자를 제외한 요소를 선택함

4. Dynamic Pseudo-classes Selecor. 동적 가상 클래스

:link	방문 전의 하이퍼링크 요소
:visited	방문 후의 하이퍼링크 요소
:active	현재 페이지 사용자의 액션을 받는 요소
:hover	마우스 포인트가 올라간 요소
:focus	키보드의 포커스를 받는 요소

5. Language Pseudo-classes Selecor. 언어 가상 클래스

:lang(en)

lang 속성이 en(영어)인 요소 혹은 페이지

6. target Pseudo-classes Selecor. 타깃 가상 클래스

:target

하이퍼링크의 타깃 요소