0

私は構造を持っています：

<div id="div">
    <ul class="ul">
        <li class="li_one">
        </li>
        <li class="li_two">
        </li>
    </ul>
</div>

疑似セレクターを使用background:redして2番目の要素（クラス "li_two"）に設定し、最も外側のdivから開始したいと思います。li私はこのようにしようとしています：

#div > ul:nth-child(1) { background:red; }   // works but wrong, sets background to ul
#div ul:last-child { background:red; }   // doesn't set to any element
#div ul:first-child { background:red; }  // again sets to ul but not to li
#div [class=li_two] { background:red; }  // only this one works fine

またはセレクターli_twoを#div使用してスタイルを設定することはできますか？どうやってするの？:nth-child:last-child:first-child

4

2 に答える 2

2

:nth-child()他の疑似クラスは、親ではなく子要素に適用する必要があります。それらの疑似クラスをlisに適用します。

#div ul li:last-child {
    background: red;
}
于 2012-09-28T22:01:58.597 に答える
2

#div li：last-child

あなたの2番目の選択肢はほぼ正しかった:)あなたは最後の子が何をしているのか誤解したと思います。xx：last-child要素xxの最後の子要素は選択しません。親の最後の子であるすべてのxx要素を選択します。

いくつかの読書。

私はあなたがそれをテストするためにJSFiddleを作成しました

于 2012-09-28T22:03:39.473 に答える