Сложни селектори со состојби на врски во CSS

Сите сложни селектори кои ги учевме претходно, може да се применат и за врски.

Ајде да погледнеме на пример. Нека нашите врски се наоѓаат во блок со зададен id:

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

Ајде да зададеме стилови за врските од овој блок:

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

Како правило, состојбите link и visited не се разделуваат, затоа кодот може да се поедностави на следниов начин:

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

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