Css .a类：悬停vs.a类：悬停

找不到我一直在想的问题的答案

.class2 a:hover{}

和

之间有区别吗.class2:hover a{}

？还是对其中一个的偏爱超过了另一个

我一直在使用

.class2 a:hover{}

来改变锚悬停上的锚（即：锚文本颜色），但是当我想改变固定锚的div（即：锚颜色和div背景颜色在悬停时都会改变）时，我不得不使用

.class2:hover a{}

使其工作。在这样做的过程中，我对两者之间的区别感到困惑，因为它们写得如此相似

谢谢

编辑

---

将问题编辑得更清楚。谢谢你解开我的大脑：）

我的理解是：

当

a

标记悬停时，

.class2 a:hover

将针对

.class2

元素中的任何超链接标记

.class2:悬停
.class2
时，悬停a

将指向

.class2

元素中的任何超链接

a

标记

区别在于您悬停哪个元素以更改这些样式规则

例如：

.box{
背景：红色；
宽度：50px；
高度：50px；
边缘底部：10px；
}
.案例1A：悬停{
背景：蓝色；
}  
.案例2：悬停a{
背景：绿色；
}

---

是。这是有区别的

从行为上看，这似乎没有什么区别，但如果在

标记周围添加一个边距，您可能会发现第一个选择器（

.class2 a:hover{}

）将停止以非指定方式工作

.class2 a:hover {}

在上述情况下，如果

.class

元素具有填充或其他内容，则仅当

a

元素悬停时，样式才会应用于

a

。class元素将而不是触发

a

的悬停样式

---

而如果

.class2

元素的任何部分处于悬停状态（填充、内容等），则上述操作将触发

a

的悬停样式

---

工作小提琴。

.class:hover a

当

类的任何部分在
上悬停而
时，选择
a
链接。在class2:hover中，class a:hover
仅当
a
链接悬停在上时，才选择
a
链接，您正在类中嵌套的所有元素下激活CSS类。这包括是否要在链接边界之外添加填充

在CLASS2A:hover中，CSS类仅在您将鼠标悬停在链接上时才被激活。否则，将忽略该类

希望这有帮助
 我想悬停
.class1
div，这样它就改变了锚标记的颜色，而不仅仅是悬停在锚上，因为悬停时也有
背景颜色
更改为
.class1
。因此，我必须将
.class2
添加到锚标记中，并将其编写为
.class1:hover、.class2:hover a{}
，以使其工作。是的，你的“案例2”的例子就是我所做的，它让我对差异产生了疑问：）谢谢你的解释。
.class:hover
和
有什么区别？
.class2:hover a {}