3

よし、リストaハイライトaとリストbにホバーしたときなど、ホバーで複数のアイテムを選択する方法を知りたかったのですが、そのリスト ボックスに影を付けます。コーディングしようとしましたが、何らかの理由で複数のホバー効果を実行できません。

CSS コード:

#a:hover ~ #b {
    background: #ccc
}

HTML コード:

<div><ul id="a"><li>Div A</li></ul></div>
<div>random elements</div>
<div>random elements</div>
<div>random elements</div>
<div><ul id="b"><li>Div B</li></ul></div>
4

4 に答える 4

1

チルダ~は兄弟用です。

しかし#b、兄弟ではありません#a

ID を変更すると機能します: ( http://jsbin.com/AxUzOX/1/edit )

<div id="a">
    <ul >
        <li>Div A</li>
    </ul>
</div>
<div>
    random elements
</div>
<div>
    random elements
</div>
<div>
    random elements
</div>
<div id="b">
    <ul >
        <li>Div B</li>
    </ul>
</div>

http://jsbin.com/AxUzOX/4/editが必要な場合は、ここに jquery ソリューションがあります

于 2013-09-27T06:10:53.453 に答える
0

これは私が使用したjqueryです

$('#a').hover(function(){
  $('#a').css('background','#ccc');
  $('#b').css('background','#ccc');
}, function(){
  $('#a').css('background','#fff');  // Background of #a by default 
  $('#b').css('background','#fff');  // Background of #b by default 
})

$('#b').hover(function(){
  $('#a').css('background','#ccc');
  $('#b').css('background','#ccc');
}, function(){
  $('#a').css('background','#fff');  // Background of #a by default 
  $('#b').css('background','#fff');  // Background of #b by default 
})

#a または #b の背景を変更する場合は、私が言及した場所にも色を指定します。単純 ：）

于 2013-09-27T06:28:49.383 に答える