a:visited 权重

a:visited

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

例子们

content添加对号

zhouqicf.com

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可以表示链接的所有状态并且定义在后面，所以第二个选择器覆盖了第一个选择器。

zhouqicf.com

#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时

zhouqicf.com

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