Pseudo-element :after diperkenalkan di CSS2.
:after berguna untuk menambahkan isi tambahan via properti content CSS setelah isi dari elemen yang ditentukan.
Sintaks :after di CSS2:
element:after {
style properties
}
Contoh kode berikut menambahkan teks 'Maknyus!' dan berwarna merah setelah isi elemen P ber-CLASS 'myText' via properti content:
p.myText:after {
content: " Maknyus!";
color: #ff0000;
}
Di mana mungkin elemen P seperti berikut:
<p class="myText">Saya suka sekali makanan ini.</p>
Sintaks :after di CSS3:
element::after {
style properties
}
Contoh kode berikut menambahkan teks 'Maknyus!' dan berwarna merah setelah isi elemen P ber-CLASS 'myText' via properti content setelah pengguna mouseover pada teksnya:
p.myText:hover::after {
content: " Maknyus!";
color: #ff0000;
}
Di mana mungkin elemen P seperti berikut:
<p class="myText">Mouseover teks ini.</p>
Notasi ::after diperkenalkan di CSS3 untuk membedakan antara pseudo-classes dan pseudo-elements.
