设置CSS样式的最佳方式是：同时悬停和选中CSS样式。

我有一个导航栏与多个<a>链接。只有一个有选择类在任何给定的时间：设置CSS样式的最佳方式是：同时悬停和选中CSS样式。

<a href="#">Home</a> 
<a href="#" class="selected">Preferences</a> 
<a href="#">Log Out</a>

我想要:hover和.selected样式看起来是一样的。目前我正在使用：

#navigation a.selected, #navigation a:hover { 
    ... 
}

是否有一种更简单的方式来组合两个选择器，或者这是做到这一点的最佳方式？

2011-12-08 Daniel T.

你正在做它最好的方式。 – bookcasey

我想这可能会很好，如果你不必重复“＃导航”部分，但即使你这样做是非常简单的。 – nnnnnn

当你在做长选择器时会变得更糟，比如'#container .navigation li a img'。当然，你可以缩短它，但我喜欢更多的描述性选择器，因为它可以更容易地找到你在HTML中选择的内容。 –

没有办法将一个类和悬停选择器的相同样式组合起来，您目前的方法很好。

2011-12-08 00:47:51 James

回答