CSS链接样式顺序

CSS权威指南阅读笔记

link-visited-hover-active(LVHA------LoVe-HA!) 所有这些选择器的样式都是一样的：0,0,1,0.因为它们都有相同的权重.来源和特殊性，因此与元素匹配的最后一个选择器才会胜出，正在“点击”的未访问链接可以与其中三个规则匹配----:link. :hover. :avtive，所以在这三个规则当中最后声明的一个将胜出，如果按LVHA顺序:active将会胜出，这可能正是创造人员所希望的。以下规则可以用任何顺序列出而不用担心有什么负面影响：

  :link {color:blue;}

  :visited {color:purple;}

  :link:hover {color:red;}

  :visited:hover {color:gray;}