當父母被徘徊時，我可以更改包含元素的CSS嗎？

Question

僅使用CSS或SASS，是否有可能在其父項被徘徊時使一個元素樣式發生更改？

例如，我有文本的顏色設置爲紅色。當它包含div被徘徊時，我希望顏色變成黑色。但我無法覆蓋容器中任何其他文本的顏色。

Answer 1

試試這個：

HTML：

<div class="parent"> 
    <span>Stuff</span> 
    <span class="child">Some Text</span> 
</div> 

CSS：

.parent .child { 
    color: #FF0000; 
} 
.parent:hover .child { 
    color: #000000; 
} 

Answer 2

如果我理解你正確地你有這樣的情況，在那裏你會想

<div> 
    Some text 
    <span>Some red text</span> 
    Some text 
</div> 

你可以改變紅色t分機與下面的CSS：

div:hover span{ 
    color:#000; 
} 

的jsfiddle這裏：http://jsfiddle.net/a6FBk/

如果我誤解了你的問題，請回復，我會相應地編輯我的答案。