CSS 选择器和伪类答案

【问题标题】：CSS selectors and pseudo-classesCSS 选择器和伪类
【发布时间】：2012-06-25 07:34:43
【问题描述】：

比如说我有以下样式：

#HorizNav ul li a.active:link { background-color: #FFF; }
#HorizNav ul li a.active:visited { background-color: #FFF; }
#HorizNav ul li a.active:active { background-color: #FFF; }
#HorizNav ul li a.active:hover { background-color: #FFF; }

如果所有样式都相同，那么我将如何将这些样式组合在一起？

会是这样吗？

#HorizNav ul li a.active:link, a.active:visited, a.active:active, a.active:hover { }

【问题讨论】：

如果你完全放弃了伪类怎么办？（顺便说一下，:hover 应该在 :active 之前。）
thnx，但是为什么伪类的顺序很重要？
见this answer。

标签： html css css-selectors pseudo-class

【解决方案1】：

更简单

#HorizNav ul li a.active { background-color: #FFF; }

【讨论】：

我猜你真的不需要那么多的特异性，#HorizNav a.active { background-color: #FFF; } 就足够了，并且可以提高选择器的速度。
@steveax：它还降低了特异性，可能使其不平衡。