CSS :: 선택기 전
예시
각 <p> 요소의 내용 앞에 텍스트를 삽입합니다.
p::before
{
content: "Read this: ";
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
선택기 는 ::before
선택한 각 요소의 내용 앞에 무언가를 삽입합니다.
content 속성을 사용하여 삽입할 콘텐츠를 지정합니다 .
::after 선택기를 사용하여 내용 뒤에 무언가를 삽입하십시오.
버전: | CSS2 |
---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS 구문
::before {
css declarations;
}
더 많은 예
예시
모든 <p> 요소의 콘텐츠 앞에 콘텐츠를 삽입하고 삽입된 콘텐츠의 스타일을 지정합니다.
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
관련 페이지
CSS 튜토리얼: CSS 의사 요소
CSS 선택기 참조: CSS :: 선택기 이후