設置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

回答