CSS 선택자 - 가상 요소 선택자

CSS 선택자는 크게 5 종류로 구분할 수 있습니다.

 각각 기본, 복합, 가상 클래스, 가상 요소 및 속성입니다.

 

이번 글에서는 가상 요소 선택자(Pseudo-Elements)를 다루겠습니다.

 

1. ABC::before

선택자 ABC 요소의 내부 앞에 내용(Content)을 삽입합니다.

이 요소는 인라인(글자) 요소입니다.

 

2. ABC::after

선택자 ABC 요소의 내부 뒤에 내용(Content)을 삽입합니다.

이 요소는 인라인(글자) 요소입니다.