Selectori complexe cu stări ale linkurilor în CSS

Toți selectorii complecși pe care i-am studiat anterior pot fi aplicați și linkurilor.

Să ne uităm la un exemplu. Să presupunem că linkurile noastre se află într-un bloc cu un id dat:

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

Să setăm stiluri pentru linkurile din acest bloc:

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

De obicei, stările link și visited nu sunt separate, așa că codul poate fi simplificat după cum urmează:

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

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