改变孩子：在css之前将鼠标悬停在父母之上

Question

正如标题所说，我正在尝试改变孩子：在css之前，当一个悬停发生在父母身上时。我没有太多运气

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

我尝试了什么：以下所有工作，但它们不是我想要的：

更改子属性但我正在尝试更改子项：

之前

.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代码，以便进一步为您提供支持。

Answer 2

问题在于您的颜色语法。每种颜色使用两个十六进制数字（rgb）：

而不是：

Paths.move(...

......这样做：

color: #0000F;

您还可以为每种颜色执行一个十六进制数字：

color: #0000FF;

＆＃13;

＆＃13;

color: #00F;

＆＃13;

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

.ChildClass:Before {
  content: 'Lorem';
  color: red;
}

＆＃13;

＆＃13;

＆＃13;

Answer 3

颜色十六进制出错：

错误： 颜色：＃0000F;

正确： 颜色：＃00000F;