Pemilih Kompleks dengan Status Pautan dalam CSS
Semua pemilih kompleks yang kami pelajari sebelum ini, boleh digunakan untuk pautan juga.
Mari kita lihat contoh. Katakan pautan kami
berada dalam blok dengan id yang ditetapkan:
<div id="block">
<a href="#">pautan</a>
<a href="#">pautan</a>
<a href="#">pautan</a>
</div>
Mari kita tetapkan gaya untuk pautan dari blok ini:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Biasanya, status link dan visited
tidak dipisahkan, jadi kod boleh dipermudahkan
seperti berikut:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. Ini kod dengan pemilih:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
