css - div をホバリングして別の div の css を変更する

Question

マウスが別の div の上にあるときに、テキストの色を変更しようとしています。

jsFiddle **でよりよく説明されます。

私が（CSSで）やりたいことは、マウスを最初のシクルに移動すると、テキストの色が変わることです（結果1）。

そのようなものを使用して、stackoverflowに関する以前の質問を検索して見つけたものを試しました:

div.circleoff:hover ~.test {
    color: #fff
}

score 0 · Accepted Answer

ネストされた要素 (兄弟要素ではない) の色の変更を探している場合は、次を使用します。

#schema>div:hover span { color:white; }

これは、#schemaの直接の子 ( division 要素) にカーソルを合わせると、ネストされたすべてspanのが白くなることを意味します。

score 0 · Accepted Answer

Eric Meyer は、彼のサイトに、まさにこれに役立ついくつかのデモを公開しています。「ポップアップ」セクションを見てください。これに合わせて簡単に調整できます。

3 に答える 3