본문 바로가기

Webstoryboy

Category

Explanation

REFERENCE/CSS

[CSS] 가상 요소

가상 요소

CSS는 선택자를 통해 요소를 선택할 수 있습니다.


CSS

CSS는 선택자를 통해 요소를 선택할 수 있습니다.

가상 요소

종류 예시 이름
::first-line p:first-line {color:#fff;} 문단의 첫 줄에 컬러색을 하얀색으로 변경합니다.
::first-letter p:first-letter {color:#fff;} 문단의 첫 글자에 컬러색을 하얀색으로 변경합니다.
::before p:before {content:"시작"} 문단 시작 부분에 '시작'이라는 요소를 추가합니다.
::after p:after {content:"끝"} 문단 끝 부분에 '끝'이라는 요소를 추가합니다.
::selection p:selection {color:#fff;} 드래그로 선택하였을 경우 글씨 색을 하얀색으로 변경합니다.

참고(Reference)

  • CSS

AD

comments