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

Question

我对悬停有疑问

我有 3 个子 div:

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

我在 parant div 上应用悬停来更改 child1 和 child2 div 的颜色。然而，悬停也适用于 child3 div ....

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

感谢任何帮助。提前致谢。

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

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

Answer 1

只需让您的 CSS 更具体:

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