0

こんにちは、私の問題は css3 に関するものです。ここに私の問題のサンプル コードを示します。ここでは、兄弟 ID にカーソルを合わせて、子 ID を変更する必要があります。

+ と ~ 記号を使用してみましたが、まだ使用できません

このプログラムで私を助けてくれることを願っています、どうもありがとう

<div id="sibling"></div>

<div id="brother">
    <div id="child">
</div>

そして、私が欲しいのは、兄弟IDにカーソルを合わせると、子IDの背景色が変更されることです。

4

3 に答える 3

0

このように

<div id="sibling">Sibling</div>

<div id="brother">
    Brother
    <div id="child">Child</div>
</div>

#sibling:hover + div #child {
    background-color: red;
}
于 2013-10-04T19:38:40.163 に答える
0

一般的に、以前の回答はどれも問題を解決しません。それらはすべてIDを使用して兄弟の子供を選択します。これは、ID に関係なく、一般的な設定で選択します

$(document).ready(function(){
    $("#sibling").hover(function(){
        $(this).siblings("div").children("div").css("background", "red");
    }, function(){
        $(this).siblings("div").children("div").css("background", "#e7e7e7");
    });
});

http://jsfiddle.net/SjgYM/

于 2013-10-04T19:47:03.840 に答える