a:visited 權重

a:visited

顏色約定 a{color:#000;} a:link{color:#03F;} a:visited{color:#CCC;} a:hover{color:#F50;}

例子們

content添加對號

zhouqicf.com 先定義a:link,後定義a a:link表示鏈接的普通狀態(未點擊、未hover),所有僞類的權重爲10。所有類選擇器的權重同樣爲10。在css中同樣權重時,後者將覆蓋前者。 “#show_02 a:link“的權重“爲100+1+10=111”,“#show_02 .specificity_10 a”的權重爲“100+10+1=111”,而a可以表示鏈接的所有狀態並且定義在後面,所以第二個選擇器覆蓋了第一個選擇器。

#show_02 a:link{color:#03F;} #show_02 .specificity_10 a{color:#000;} zhouqicf.com a:link、a:visited、a:hover、a:active 四個a的僞類可以看成是四個不同的標籤,也就是說當你設置了一個訪問過的鏈接的“a:visited”後,即使你在“a:link”上有再高的權重,他也不能覆蓋“a:visited”的設置。因爲這個a元素已經是一個訪問過的鏈接了,而不是一個“:link”狀態的鏈接。

#show_03 a:visited{color:#CCC;} /* 100+1+10 = 111 */ #show_03 p.specificity_10 a:link{color:#03F;} /* 100+1+10+1+10 = 122 */ 請點一下這個鏈接,讓它成爲訪問過的鏈接。 建議 當只需區分“:hover”和不hover時

#show_04 a{color:#000;} #show_04 a:hover{color:#F50;} zhouqicf.com

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章