jquery - 当父级悬停时，我可以更改包含元素的 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;
}