尽管悬停应用于父 div，但避免对特定子 div 的悬停效果

Question

我有悬停问题

我有 3 个子 div，例如：

<div class="parent">
    <div class="child1">A</div>
    <div class="child2">B</div>
    <div class="child3">C</div>
</div>

我已将鼠标悬停在父 div 上以更改 child1 和 child2 div 上的颜色。然而悬停也适用于 child3 div....

有没有办法单独排除在 child3 上的悬停？

任何帮助表示赞赏。提前致谢。

div.parent:hover {
    color: #909090;
}

在上面的示例中，尽管字体“C”存在于父 div 中，但它的颜色必须没有变化。

Answer 1

只是让你的 CSS 更具体：

.parent:hover .child1, .parent:hover .child2 {
    color:#909090;
}