css - 使用 :not 和 :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。