用CSS选择递归div布局中的最后一个div

Question

使用下面的HTML,我如何选择DIV depper(没有子代)？

我认为我可以使用n-last-child但是不行,因为所有的div都有最后一个(也是第一个)!:d

PD:不可能在DIV中更深入地使用ID或CLASS属性(因为它们是Web中的HTML存在文件)

HTML:

<div class="base">
    <div>
        <div>
            <div>
                <div>
                    <!-- recursive divs (quantity not defined...) -->
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

遗憾的是,CSS选择器无法查看父元素,因此您无法看到哪些元素没有divs作为子元素.

如果您使用的是jQuery,可以这样做来查找元素:

$('.base :not(:has(*))').addClass('deepest');?

演示:http://jsfiddle.net/EhZax/