按标签按顺序排序,一般建议按 link-visited-hover-active
:link{color:blue;}
:visited{color:purple;}
:hover{color:red;}
:active{color:orange;}
因为这些选择器的特殊性都是一样的:0,0,1,0。因为它们都有相同的权重,来源和特殊性,因此与元素匹配的最后一个选择器才会胜出。
例如:
:active{color:orange;}
:hover{color:red;}
:link{color:blue;}
:visited{color:purple;}
按照这种顺序,任何链接都不会显示:hover或:active样式,因为:link和:visited规则后出现。所有链接都必须有要么是已访问,要么是未访问的,所以:link和:visited样式总是会覆盖:hover规则。