使用：not和：悬停

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。