Pseudo Class

PseudoClass digunakan untuk mendefinisikan keadaan khusus suatu elemen, seperti elemen ketika di arahkan mouse, diklik, dll.

Sintaks PseudoClass :

selector:pseudo-class {
    property: value;
}

Pseudo Class first-child

<ul>
    <li>Megumin</li>
    <li>Geeks</li>
    <li>Nolep</li>
</ul>

Misalkan kita ingin mengubah warna li yang pertama saja :

ul li:first-child {
    color: #00a4db;
}

Pseudo Class hover

<a href="#">Hover Aku!</a>

a:hover {
    color: #1a8870;
}

Pseudo Class active

<a href="#">Tekan dan Tahan Aku!</a>

a:active {
    color: #4b1113;
}

Pseudo Class visitied

<a href="instagram.com/gdscunsri">Tekan Aku dan Kembali Lagi!</a>

a:visited {
    color: red;
}