가상 클래스 선택자(pseudo-classes selectors)
- :
1. hover
- a에 마우스(포인터)가 올라가 있는 동안에만 a선택
a:hover
2. active
- a를 마우스로 클릭하는 동안에만 a선택
a:active
3. focus
- a가 포커스 된 동안에만 a선택 (대화형 콘텐츠에서 사용 가능)
a:focus
4. first child
- a가 형제 요소 중 첫번째 요소라면 선택
a:first-child
5. last chaild
- a가 형제요소 중 마지막 요소라면 선택
a:last-child
6. Nth child
- a가 형제요소 중 n번째 요소라면 선택
(n키워드 사용시 0부터해석(zero-base))
a:nth-child(n)
7. Nth of type
- a의 타입(태그이름)과 동일한 타입의 형제 요소 중 a가 n번째 요소라면 선택
(n키워드 사용시 0부터 해석(zero-base))
a:nth-of-type(n)
8. 부정선택자(negation selector)
- b가아닌 a선택
a:not(b)