CSS转换：动画家长对孩子悬停

通常情况下，我会选择父，并添加一个悬停伪类：CSS转换：动画家长对孩子悬停

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

parent:hover { 
    opacity: 1; 
}

但也有太多的不同势父元素，指出错误标记和类。我只知道每个家长只有[color]属性的子女。

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

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

有没有像CSS3中的父选择器（CSS4：'！'）？或者还有另一种方法来让孩子悬停的父母动画？

感谢您的帮助

2013-10-31 LepBJ

可能重复的[是否有一个CSS父母选择器？]（http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector） –

你不需要父母选择器作为无论如何，悬停将适用于父母和孩子。 –

CSS中没有父选择器。不过，有一些解决方法，取决于你想要做什么。查看'inherit'属性：http://joshnh.com/2012/10/25/dont-forget-the-css-value-inherit/ – jbenjohnson

你的问题有点ambigius但让我猜你的意思，并尝试给你一个解决方案;

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

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

但你的颜色必须定义为内联样式，否则你需要寻找到其他ATTR像数据属性数据selparent =“是”。

2015-05-14 23:29:43

回答