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:

html<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:

css#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:

css#block a {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

css#test a {
  color: red;
}
#test a:hover {
  text-decoration: none;
}