css - 最後の選び方未知のマルチレベルで

Question

<li>各マルチレベルリストで最後の1つだけを選択する可能性はありますか？

<ul class="root">
    <li>no</li>            
    <li>no</li>            
    <li>yes</li>
</ul>

<ul class="root">
    <li>no</li>            
    <li>no</li>            
    <li>
        <ul>
            <li>no</li>            
            <li>yes</li>
        </ul>
    </li>
</ul>

jsfiddleの無料の遊び場：http： //jsfiddle.net/dizzyn/KMY3U/

Answer 1

はい、できます:last-child。CSSセレクターを使用してください。

私のフィドル

CSS

ul li:last-child {
    color: #ff0000;
}​

li {
    color: #000000;
}​

これも使用できます：

CSS

ul li:nth-last-child(1) {
   color: #ff0000;
}

li {
   color: #000000;
}​

:last-childセレクターは、親の最後の子であるすべての要素を選択します。

注：これはCSS3の実装であったため、一部のブラウザーはこれを無視しますが、色を変更するだけで何も台無しになりません。