Contoh
Menyisipkan beberapa teks sebelum isi setiap <p> elemen:
p::before
{
content: "Read this: ";
}
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The :: sebelum pemilih memasukkan sesuatu sebelum isi dari masing-masing dipilih element(s) .
Gunakan konten properti untuk menentukan konten untuk menyisipkan.
Gunakan :: setelah pemilih untuk memasukkan sesuatu setelah konten.
| Versi: | CSS2 |
|---|
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh pemilih.
| Pemilih | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 Parsial dari 8,0 | 3.5 | 3.1 | 7.0 Parsial dari 4.0 |
Catatan: IE8 dan Opera 4-6 hanya mendukung tua, single-usus sintaks CSS2 (:before) . Versi baru mendukung standar, ganda-usus sintaks CSS3 (::before) .
Catatan: Untuk: sebelum bekerja di IE8, sebuah <! DOCTYPE> harus dinyatakan.
CSS Syntax
::before {
css declarations ;
}
Contoh lebih
Contoh
Sisipkan konten sebelum setiap <p> konten elemen, dan gaya konten yang dimasukkan:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Cobalah sendiri " Pages terkait
CSS tutorial: CSS Pseudo-elemen
CSS Selector Referensi: CSS :: setelah pemilih