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

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