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:

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

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

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

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