CSS-də Keçid Vəziyyətləri ilə Mürəkkəb Selektorumlar

Əvvəllər öyrəndiyimiz bütün mürəkkəb selektorlar keçidlər üçün də tətbiq edilə bilər.

Nümunəyə baxaq. Fərz edək ki, keçidlərəmiz müəyyən edilmiş id olan blokdadır:

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

Gəlin bu blokdakı keçidlər üçün stil təyin edək:

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

Bir qayda olaraq, link və visited vəziyyətləri ayrılmır, buna görə də kodu aşağıdakı kimi sadələşdirmək olar:

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

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