의사(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: "]"; }

알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.