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

回答