父母悬停时，我可以更改包含元素的CSS吗？

Question

只使用CSS或SASS，是否可以在其父元素悬停时使一个元素样式更改？

例如，我的文字颜色设置为红色。当它包含div时，我希望颜色变黑。但我不能覆盖容器中任何其他文本的颜色。

Answer 1

如果我理解你，你就有这种情况，你想要

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

您可以使用以下CSS更改红色文本：

div:hover span{
    color:#000;
}

JSFiddle：http://jsfiddle.net/a6FBk/

如果我误解了您的问题，请回复，我会相应地修改我的答案。

Answer 2

试试这个：

HTML：

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

CSS：

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