CSS
5.3
가상 요소 선택자 사용하기
가상 요소 선택자는 HTML 문서에 명시적으로 작성된 구성 요소는 아니지만, 마치 존재하는 것처럼 취급해 선택하는 선택자 지정 방법을 말합니다. 앞에 :: 기호(콜론 2개)를 붙여서 사용하며, 기준 선택자와 함께 사용합니다. 만약 기준 선택자를 생략하면 전체 선택자가 들어간 것으로 적용됩니다.
형식
기준 선택자::가상 요소 선택자{/* CSS 코드 */}
가상 요소 선택자는 대략 14개 정도 있지만, 전부 알 필요는 없습니다. 이 책에서는 실무에서 자주 사용하는 가상 요소 선택자 2개만 소개하겠습니다.
TIP | 전체 가상 요소 선택자가 궁금하다면 https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements를 참고하세요.