ABC:hover (가상 클래스 선택자) : 선택자 ABC 요소에 마우스 커서가 올라가 있는 동안 선택.
ABC:active (가상 클래스 선택자) : 선택자 ABC 요소에 마우스를 클릭하고 있는 동안 선택.
ABC:focus (가상 클래스 선택자) : 선택자 ABC 요소가 포커스 되면 선택.
tabindex 속성을 통해 Focus가 될 수 있는 요소를 만들 수 있다.
순서(값)로 -1이 아닌 다른 값을 넣는 것은 논리적 흐름을 방해하기 때문에 권장하지는 않는다.
ABC:first-child (가상 클래스 선택자) : 선택자 ABC가 형제 요소 중 첫째라면 선택.
ABC:last-child (가상 클래스 선택자) : 선택자 ABC가 형제 요소 중 막내라면 선택.
ABC:nth-child(n) (가상 클래스 선택자) : 선택자 ABC가 형제 요소 중 (n)째라면 선택.
ABC:not(XYZ) (가상 클래스 선택자) : 선택자 XYZ가 아닌 ABC 요소 선택.
'패스트캠퍼스' 카테고리의 다른 글
| CSS 스타일 상속 (0) | 2023.03.23 |
|---|---|
| CSS 가상요소 선택자 (0) | 2023.03.23 |
| CSS 복합 선택자 (0) | 2023.03.23 |
| CSS 기본 선택자 (0) | 2023.03.23 |
| CSS 선언 방식 (0) | 2023.03.23 |