javascript - 改变 child :before css when hover over parent

Question

正如标题所说，当鼠标悬停在父项上时，我试图更改 childs:before css。我运气不好

.ParentClass:hover .ChildClass:Before{
    color:#0000F;
}

我尝试过的:以下所有方法都有效，但它们不是我要找的:

更改子属性，但我正在尝试更改 child:before

.ParentClass:hover .ChildClass{
    color:#0000F;
}

当悬停在子项上时，此更改发生，而我希望在悬停在父项上时发生更改:

.ParentClass .ChildClass:hover:before{
    color:#0000F;
}

我可以用 javascript 做到这一点，但如果可能的话，我正在寻找纯 CSS。

Answer 1

您的第一次尝试非常接近。您必须使用 before(小写)，而不是 Before。所以，这会工作得很好:

.ParentClass:hover .ChildClass:before {
    color: #00000F;
}

无论如何，如果这不起作用，请向我们提供完整的 HTML 和 CSS 代码，以进一步支持您。