Question

我有以下标记，我无法更改。我想只将特定的css应用于位于div末尾的css，而不是应用于其他div内的任何css。是否可以选择它？

<div class="box">
    <div class="another">
        <ul>
            <li>not</li>
            <li>this</li>
        </ul>
    </div>
    <ul>
        <li>select</li>
        <li>this</li>
    </ul>
</div>

我试过了，.box ul:last-child但是它没有用。

http://jsfiddle.net/7e53A/

Answer 1

试试这个DEMO

.box > ul{
    border: 1px solid red;
}

这意味着什么：在ul内选择.box，而不是在任何其他大孩子中选择。{/ em>

@ Koushik的评论：如果ul中有多个.box，那么您可以将:last-child添加到您的css中：

.box > ul:last-child{ border: 1px solid red; }

Answer 2

你非常接近。您只需使用直接子选择器>。

有用的文章：http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

.box > ul:last-child{
    border: 1px solid red;
}

JSFiddle Demo

Answer 3

使用jquery jquery code和css code

查找最后一个节点的示例代码

$(document).ready(function(){

$( ".box  ul" ).last().css( "color", "red" );

});

CSS在此标记中选择一个元素

3 个答案: