jquery - 親がホバーされているときに、含まれている要素の CSS を変更できますか?

Question

CSSまたはSASSだけを使用して、親がホバーされたときに1つの要素のスタイルを変更することは可能ですか?

たとえば、色が赤に設定されたテキストがあります。含まれている 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;
}