Pseudo-element의 핵심 개념:

Pseudo-element의 기본 역할:

• 요소의 특정 부분이나 위치를 선택하여 스타일링
• 가상의 요소를 생성하여 콘텐츠 추가 가능
• HTML 구조를 변경하지 않고도 시각적 효과 구현

주요 사용 목적:

• 첫 글자/첫 줄: 드롭캐피털, 첫 줄 강조
• 콘텐츠 삽입: 아이콘, 장식 요소 추가
• 리스트 마커: 불릿 포인트 커스터마이징
• 선택 영역: 텍스트 선택 시 스타일

Pseudo-class vs Pseudo-element:

• Pseudo-class (:hover, :focus): 요소의 상태
• Pseudo-element (::before, ::after): 요소의 부분

문법 특징:
```css
/* 이중 콜론 사용 (CSS3) */
selector::pseudo-element {
property: value;
}
```