> 선택자의 종류
- 기본 선택자
- 그룹 선택자
- 특성 선택자
- 결합 선택자
- 의사 클래스
- 의사 요소
> 의사 클래스 (가상 클래스)
- 선택자에 추가하는 키워드.
- 요소가 어떤 특정한 상태가 되었을 때 요소를 선택하겠다는 의미.
ex.
> 의사 클래스 종류
- hover : 마우스 커서가 요소에 올라가 있을 때.
- active : 사용자가 요소를 활성화했을 때. (ex. 클릭)
- focus : 요소가 포커스를 받고 있을 때.
- disabled : 비활성 상태의 요소임.
- nth-child() : 형제 사이에서의 순서에 따라 요소를 선택함.
> hover 예시
> active 예시
> focus 예시
> disabled 예시
> nth - child() 예시
'CSS' 카테고리의 다른 글
| [CSS] 의사 요소_ first-line, first-letter, marker, placeholder, after, before (0) | 2023.11.06 |
|---|---|
| [CSS] 특성 선택자와 결합 선택자 (0) | 2023.11.06 |
| [CSS] flexbox 만들기 (0) | 2023.11.05 |
| [CSS] position 속성에 대해서 (0) | 2023.11.02 |
| [CSS] background 속성에 대해서 (0) | 2023.11.02 |