Selektor Kompleks dengan Status Tautan dalam CSS
Semua selektor kompleks yang kita pelajari sebelumnya, dapat diterapkan juga untuk tautan.
Mari kita lihat contohnya. Misalkan tautan kami
berada di dalam blok dengan
id yang ditentukan:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Mari kita berikan gaya untuk tautan 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 kodenya dapat disederhanakan
sebagai berikut:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tulis kode HTML yang sesuai dengan selektor ini. Berikut kode dengan selektornya:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
