CSS转换：儿童悬停时的动画父级

Question

通常，我会选择父级并添加一个悬停伪类：

parent {
    opacity: 0.7;
    transition-duration: .2s;
}

parent:hover {
    opacity: 1;
}

但是有太多不同的父元素，有不同的标签和类。 我只知道每位家长都只有[color] attribut的孩子。

(parent "which have" > [color]) {
    opacity: 0.7;
    transition-duration: .2s;
}

(parent "which have" > [color]):hover {
    opacity: 1;
}

CSS3中是否存在类似父选择器的内容（CSS4：'！'）？ 或者还有另一种方法可以让孩子悬停在父母身上吗？

感谢您的帮助

Answer 1

你的问题有点不确定，但让我猜你的意思，试着给你一个解决方案;

你的父div元素有颜色attr（假设它是红色的）你希望它的子元素在悬停状态下具有样式。

div[style~='color:red']>p:hover{
 //your code goes here
}

但是你的颜色必须定义为内联样式，否则你需要查看其他attr，如数据属性data-selparent ='yes'。