> 선택자의 종류
- 기본 선택자
- 그룹 선택자
- 특성 선택자
- 결합 선택자
- 의사 클래스
- 의사 요소
> 의사 요소 (pseudo - elements)
- 선택자를 추가하는 키워드.
- 선택한 요소의 특정 부분에 대한 스타일을 정의할 수 있음.
ex.
> 의사 요소 종류
- first-line : 블록 레벨 요소의 첫 번째 선에 스타일 적용.
- first-letter : 블록 레벨 요소의 첫 번째 글자에 스타일 적용.
- marker : 목록 기호의 스타일을 적용.
- placeholder : 입력 요소의 자리 표시자 스타일 적용.
- after : 요소의 뒤에 의사 요소 생성 및 추가.
- before : 요소의 앞에 의사 요소 생성 및 추가.
> first - line 예시
(ft. 파이팅 해야지 - 부석순)
> first - letter 예시
(ft. 파이팅 해야지 - 부석순)
> marker 예시
> placeholder 예시
> after 예시
> before 예시
'CSS' 카테고리의 다른 글
| [CSS] 의사 클래스_ hover, active, focus, disabled, nth-child() (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 |