:link

La pseudo-class CSS :link representa un element que encara no ha estat visitat. S'adapta a tots els no visitats <a>, <area> o <link> element que té un atribut href.

/* Selecciona qualsevol <a> que encara no s'hagi visitat */
a:link {
  color: red;
}

Els estils definits per la pseudo-class :link seran anul·lats per qualsevol pseudo-class relacionada amb un enllaç posterior (:active, :hover o :visited) que tingui almenys la mateixa especificitat. Per donar un estil apropiat als enllaços, poseu la regla :link davant de totes les altres regles relacionades amb els enllaços, segons el definit per l'ordre LVHA: :link — :visited — :hover — :active.

Sintaxi

:link

Exemples

Per defecte, la majoria dels navegadors apliquen un valor color especial als enllaços visitats. Per tant, els enllaços que vnguin a continuació probablement tinguin colors de fonts especials només abans de visitar-los. (Després d'això, haureu d'esborrar l'historial del navegador per tornar-los a veure). Tanmateix, és probable que els valors de background-color quedin, ja que la majoria dels navegadors no estableixen aquesta propietat als enllaços visitats de forma predeterminada.

HTML

<a href="#ordinary-target">This is an ordinary link.</a><br>
<a href="">You've already visited this link.</a><br>
<a>Placeholder link (won't get styled)</a>

CSS

a:link {
  background-color: gold;
  color: green;
}

Resultat

Especificacions

Navegadors compatibles

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Vegeu també

• Pseudo-classes relacionades amb enllaços: :visited, :hover, :active