-
:hover – Diterapkan saat pengguna mengarahkan kursor ke elemen
button:hover {
background-color: blue;
color: white;
}
-
:focus – Diterapkan saat elemen mendapatkan fokus, misalnya saat form input diklik atau diakses melalui keyboard.
input:focus {
border-color: green;
}
-
:first-child – Diterapkan pada elemen pertama di dalam parent.
p:first-child {
font-weight: bold;
}
-
:nth-child(n) – Diterapkan pada elemen berdasarkan urutannya, seperti setiap elemen ke-2.
li:nth-child(2n) {
background-color: #f0f0f0;
}
-
:not(selector) – Memilih elemen yang tidak cocok dengan selector yang diberikan.
p:not(.special) {
color: gray;
}