Pseudo-element menyisipkan konten dekoratif atau menata bagian tertentu dari suatu elemen.
CSS Pseudo-elements Reference
Contoh Kode CSS Pseudo-elements Reference:
<!DOCTYPE html>
<html>
<head>
<style>
::selection { background: #fca311; color: #0d2e5c; }
p::first-letter { font-size: 200%; color: #0d2e5c; font-weight: bold; }
</style>
</head>
<body>
<p>Sorot kalimat ini untuk melihat efek kustom styling ::selection berwarna emas!</p>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS CSS Pseudo-elements Reference mengubah tampilan elemen di atas.