1. 개요
요소의 특정 상태 및 특정 부분을 정의할 수 있도록 해주는 기능.
2. 종류
2.1. pseudo class
요소의 특정 상태를 선택할 수 있다.
한 개의 콜론을 붙여 사용한다.
- :hover (마우스를 요소 위에 올려놓을 때)
- :focus (요소가 포커스를 받았을 때)
2.2. pseudo element
요소의 특정 부분을 선택할 수 있다.
두 개의 콜론을 붙여 사용한다.
- ::before (요소의 내용 앞 영역)
- ::after (요소의 내용 뒤 영역)
- ::first-line (요소의 첫 번째 줄)