CSS Pseudo-Class

Dua Jendela Wednesday, November 03, 2021

4.2 Pseudo-Class

Pseudo Class ini digunakan untuk menunjukan keadaan khusus pada selector yang dipilih. Ciri-ciri pseudo-class :

- Di awali tanda titik dua ( : )

- Pseudo-class ditulis setelah selector tanpa dipisahkan spasi.

Berikut contoh script dengan nama file pseudo-class.html

<html>
<head>
<style type="text/css">
    .biru{
     color:blue;
   }
   .biru:hover{
   color:red;
   text-decpration:none;
}
</style>
</head>
<body>
<h2>Judul Cerita</h2>
<p> <a class="biru">Isi tag a didalam tag p</a></p>
<a class="biru">Isi tag a</a>
</body>
</html>

Pada browser akan tampil sebagai berikut :