CSS memiliki banyak sekali pseudo-classes, seperti :hover , :focus , :not , :has , :first-child dan lebih banyak lagi. Walaupun terkesan ‘rumit’, pseudo selector ini tidak terlalu susah dipahami. Disebut pseudo selector (selector ‘semu’) karena tidak seperti selector lain, pseudo selector digunakan untuk mengakses kode HTML yang ‘tidak terlihat’ atau merupakan bagian dari sebuah tag yang tidak bisa diakses dengan selector biasa.
Contohnya untuk membuat tag <a> yang akan berubah menjadi hijau ketika mouse berada diatasnya (mouseover), kita menulisnya sebagai berikut:
-
-