更改父对象上的子对象的css'；s伪元素（：：after/：：before）与CSS一起悬停

以下是我尝试过的和我想做的事情：

#子{颜色：白色；}
#父：：之后{
内容：“此”；
颜色：黑色；
}
#父级：：后：悬停+#子级{
颜色：黑色；
}
#父级：：后：悬停~#子级{
颜色：黑色；
}

悬停时更改子颜色
颜色

你可以这样做。。。对于子元素，不能使用+或~符号。它用于兄弟姐妹而不是儿童

#子{颜色：白色；}
#父：：之后{
内容：“此”；
颜色：黑色；
}
#父项：悬停子项{
颜色：红色；
}
#父项：悬停：：之后{
颜色：蓝色；
}

悬停时更改子颜色
颜色

指针事件

可以在这里帮助您

#孩子{
颜色：白色；
}
#家长*，
#母公司{
指针事件：无；/*对父级和所有子级禁用*/
}
#父：：之后{
内容：“此”；
颜色：黑色；
指针事件：initial；/*为伪元素保留它*/
}
#parent:hover#child{/*伪元素将触发此悬停*/
颜色：黑色；
}

悬停时更改子颜色
颜色

这不是我想要实现的，当我将鼠标悬停在

：after

上时，我需要更改子对象，而不是父对象。您不能将鼠标悬停在“：：after”。然后您需要提到用于悬停的标记