CSS'te Bağlantı Durumlarıyla Karmaşık Seçiciler

Daha önce çalıştığımız tüm karmaşık seçiciler, bağlantılar için de kullanılabilir.

Bir örnek üzerinden inceleyelim. Bağlantılarımızın belirli bir id'ye sahip bir blok içinde olduğunu varsayalım:

html<div id="block">
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</div>

Şimdi bu bloktaki bağlantılar için stiller belirleyelim:

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

Kural olarak, link ve visited durumları ayrılmaz, bu nedenle kod aşağıdaki şekilde basitleştirilebilir:

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

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