Search code examples
htmlcsscss-selectorspseudo-class

A strangeness with a:link

My HTML :

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

CSS :

a:link {
text-decoration: none
}

I would style only unvisited links (logically, a:link styles unvisited links), but even visited links lose underlining. Why?

Update : JSFiddle : http://jsfiddle.net/M8AyL/

Solution

  • As Hashem Qolami says in comments, MDN states the reason:

    Note: For privacy reasons, browsers strictly limit the styles you can apply using an element selected by :visited pseudo-class:

    only color, background-color, border-color, border-bottom-color, border-left-color, border-right-color, border-top-color, outline-color, column-rule-color, fill and stroke.