css - 使用 :not and :hover

Question

我正在尝试向所有不具有“事件”类的列表元素添加悬停效果，我不知道该怎么做。我可以通过以下方式改变它的正常风格:

li:not(.active){
padding-bottom:5px;
border-bottom:2px solid #fff;
}

它工作得很好，但我似乎无法让它在悬停状态下工作。我已经尝试过 li:not:hover (.active){ 和其他方法，但它对我不起作用。任何纯 css 的解决方案，将不胜感激!

Answer 1

您不应该将 :not() 与其参数分开!使用 li:hover:not(.active) 或 li:not(.active):hover。