Html 如何在CSS中定位不同于其他同级的锚

我有5个兄弟姐妹在一个没有编号的列表中。他们有一个

我将您的

a:hover

行替换为

li:not（#slot-3）a:hover

。我还删除了插槽3的bg none规则

上面所说的是，针对不是

id=slot-3

的

li

元素，并针对其后代

a:hover

。因此，对于插槽3，这条规则根本不适用

做同样的事情还有其他方法，但我认为这是最干净的

.nav栏{
显示：内联块；
字号：1.2rem；
背景色：rgba（85,85,85,0.3）；
/*填充：10px*/
/*利润率：10px*/
}
#槽-1{
背景色：#AD6500；
/*填充：1rem*/
}
#槽-3{
/*已删除，不需要*/
/*背景色：无*/
显示：内联块；
字号：1rem；
/*填充：1rem*/
}
a{
颜色：白色；
文字装饰：无；
显示：内联块；
填充：10px 20px；
/*保证金：0*/
}
李：不是（#插槽3）a:悬停{
背景色：#AD6500；
填充：10px 20px；
}

所以对于插槽3，您不希望悬停时背景颜色发生变化？你可以修改你的悬停，不选择槽3

li:NOT（#槽3）a:hover

对我来说，所有5个都有相同的悬停行为。这不是你需要的吗？请澄清预期的行为。谢谢你的投入，这正是我想要做的。我尝试在CSS的末尾插入'li:not（#slot-3）a:hover'，但没有成功。请帮忙。@Matteo我发布了一个答案，因为没有其他人这么做