如何应用悬停效果a元素，但不是a元素与类active？

a:hover(not: .active)

似乎缺少了一些东西。

答案

函数符号已打开:not()， 不是:hover：

a:not(.active):hover

如果你喜欢放:hover首先，这很好：

a:hover:not(.active)

哪个伪类在前或在后并不重要；:hover最后，因为我倾向于将用户交互伪类放在结构伪类后面。

来自: stackoverflow.com