더 "Try it Yourself" 아래의 예.
정의 및 사용
선택하기 전에 : 각 선택의 내용 이전에 뭔가를 삽입 element(s) .
사용 내용 삽입 할 내용을 지정하는 속성입니다.
사용 후 ::을 콘텐츠 후 뭔가를 삽입하는 선택.
| 번역: | CSS2 |
|---|
브라우저 지원
표의 수치는 완전히 선택기를지지하는 제 브라우저 버전을 지정한다.
| 선택자 | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 8.0에서 부분 | 3.5 | 3.1 | 7.0 4.0 부분 |
참고 : IE8과 오페라 4-6는 기존의 단일 콜론 CSS2 문법 지원 (:before) . 최신 버전은 표준, 이중 콜론 CSS3 구문 지원 (::before) .
참고 : 경우 : IE8에서 작업하기 전에 <! DOCTYPE>를 선언해야합니다.
CSS 구문
::before {
css declarations ;
}
더 예
예
모든 전에 내용 삽입 <p> 요소의 컨텐츠를, 그리고 삽입 된 내용의 스타일 :
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
»그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 의사 요소
CSS 선택기 참조 : CSS :: 선택 후