：懸停但不在特定類別

Question

如何對a元素應用懸停效果，但不對類別爲active的a元素應用懸浮效果？

a:hover(not: .active) 

似乎缺少一些東西。

Answer 1

功能符號是:not()，不:hover：

a:not(.active):hover 

如果你喜歡把:hover第一，這很好：

a:hover:not(.active) 

不要緊其僞類至上或最後;無論哪種方式，選擇器都是一樣的。這恰好是我個人的慣例，將:hover放在最後，因爲我傾向於將用戶交互僞類放在結構僞類之後。

Answer 2

您可以選擇使用not()選擇器。

a:not(.active):hover { ... } 

但是，這可能不適用於所有瀏覽器，因爲並非所有瀏覽器都實現CSS3功能。

如果您針對的是大量受衆並希望支持舊版瀏覽器，那麼最好的方法是定義.active:hover的樣式並撤消您在a:hover中所做的任何操作。