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