html - 通过将悬浮应用于父div避免对特定子div的悬浮效果

我对悬停有意见
我有三个孩子

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

我在parant div上应用了hover来改变child1和child2 div的颜色。
但是在child3 div上也应用了hover。。。。
有没有办法排除仅停留在儿童3上的情况？?
如有任何帮助，我们将不胜感激。提前谢谢。

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

在上面的例子中，字体“C”必须没有颜色的变化，尽管它出现在parant div中。

最佳答案

您可以尝试添加样式

.child3
{
    color : #000;
}

DEMO

关于html - 通过将悬浮应用于父div避免对特定子div的悬浮效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18484353/