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
<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 :
 | |||
| Gambar 1 sebelum ditunjuk mouse, teks berwarna biru | |
 | ||||||
| Gambar 2 Setelah ditunjuk mouse, teks berubah menjadi warna merah |
Semoga bermanfaat buat sobat yang baru tau👊👊👋😉
0 Komentar