Une bizarrerie avec: lien

Question

Mon HTML:

<a href="http://google.fr">Google</a><br> 
<a href="http://wikipedia.org">Wikipedia</a> 

CSS:

a:link { 
text-decoration: none 
} 

je serais le style que les liens non visités (logiquement, un: styles de lien de liens non visités), mais des liens encore plus visités perdent soulignement. Pourquoi?

Mise à jour: jsFiddle: http://jsfiddle.net/M8AyL/

Answer 1

Comme Hashem Qolami dit dans comments, MDN states the reason:

Note: Pour des raisons de confidentialité, les navigateurs limiter strictement les styles que vous pouvez appliquer à l'aide d'un élément sélectionné par :visited pseudo-classe:

seulement color, background-color, border-color, border-bottom-color, border-left-color, border-right-color, , outline-color, column-rule-color, Et stroke.

Answer 2

Je pense que cela parce qu'il n'y a pas d'autre jeu de propriétés pour un lien. Ainsi, tous les liens visités sont également touchés par un: lien.

a:visited { 
text-decoration: underline; 
} 

pour le résultat souhaité.

Answer 3

Je pense que vous voulez dire l'élément :visited pseudo parce que MDN for :link états:

Le: lien CSS pseudo-classe vous permet de sélectionner des liens à l'intérieur des éléments. Cela permet de sélectionner tout lien [...]

Answer 4

Le: lien CSS pseudo-classe vous permet de sélectionner des liens à l'intérieur des éléments. Ceci sélectionnera n'importe quel lien, même ceux qui sont déjà stylisés en utilisant le sélecteur avec d'autres pseudo-classes liées au lien comme: hover,: active ou: visited. Afin de ne styliser que les liens non-visités, vous devez mettre la règle: link avant les autres, comme défini par l'ordre LVHA:: link -: visited -: hover -: active. La pseudo-classe: focus est généralement placée juste avant ou juste après: hover, en fonction de l'effet attendu.

• MDN

maintenant sera un bon moment pour quitter l'apprentissage de trompeuses sources comme w3schools