1. 程式人生 > >谷歌瀏覽器中a:link設定字型顏色無效問題

谷歌瀏覽器中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對它的設定的