天天看點

谷歌浏覽器中a:link設定字型顔色無效問題

<div id="box">
    <a href="#">111111</a>
    <a href="">22222</a>
</div>
同樣的css
#box a:link{ color:red;}
#box a:hover{ color:black;}

在谷歌裡可以看見兩個不同結果,這是因為a:link會對擁有href=”“,即擁有實際連結位址的a對象發生效果。
#box a:link {color: red} /* 未通路的連結 */
#box a:visited {color: blue} /* 已通路的連結 */
#box a:hover {color: black} /* 滑鼠移動到連結上 */
#box a:active {color: green} /* 標明的連結 */
當你點選<a href="#">111111</a>後變成藍色了,如果把它改成<a href="#1">111111</a>,它又變成沒有點選過的紅色了

由此可見,href的屬性值是會改變css對它的設定的