Сложни селектори са стањима линкова у CSS-у

Сви сложени селектори које смо раније учили могу се применити и на линкове.

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

html<div id="block">
  <a href="#">линк</a>
  <a href="#">линк</a>
  <a href="#">линк</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;
}