의사(pseudo) 요소

의사 요소는 두 개의 콜론(::)으로 시작합니다. 다만, CSS1, CSS2에서는 하나의 콜론(:)으로 시작하는 것으로 정의되어 있습니다.

CSS Level

CSS 1, CSS 2, CSS 3

::first-line

첫 번째 줄을 선택합니다.

p::first-line { text-transform: uppercase }

::first-letter

첫 번째 문자를 선택합니다.

p::first-letter { color: green; font-size: 200% }

::before

요소의 앞에 특정 내용을 삽입할 경우에 유용합니다. CSS 2.

h1::before {content: counter(chapno, upper-roman) ". "}

::after

요소의 뒤에 특정 내용을 삽입합니다. CSS 2.

p::after {content: "]"; }