-1

divの上にカーソルを置き、まったく異なるdivでその効果を変更するコードを記述しようとしています

ここに私のコードがあります

html

    <div class="a">LOREM IPSUM</div>
    <div class="boxhighlight"></div>

CSS

    .a:hover, .boxhighlight
    {
        background-color:black;
    }

私がしたいのは、ユーザーがlorem ipsumという単語の上にカーソルを置くと、divボックスのハイライトが背景色を変えることです

これを行う方法はありますか?

ありがとう

4

2 に答える 2

4

このように使用します

<div class="a">LOREM IPSUM</div>
<div class="boxhighlight" >asdf</div>

あなたのCSS

.a:hover ~ .boxhighlight  {
background-color:black;
color: white;
}

参照用にこれを参照してください

このフィドルの例を参照してください

于 2012-12-27T13:31:23.873 に答える
0

セレクターを次のように変更します。

.a:hover + .boxhighlight {
    background-color:black;
}

boxhighlightセレクターは、ホバー時に横にあるクラスを持つ要素のスタイルを変更します.a

于 2012-12-27T13:24:58.413 に答える