CSS3得到最后一个元素

前端之家收集整理的这篇文章主要介绍了CSS3得到最后一个元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何从以下代码获取最后一个元素(hr):
<div>
    <div>
        <span class="hr"></span>
    </div>

    <div>
        <span class="hr"></span>
    </div>

    <div>
        <span class="hr"></span> <!-- I need this -->
    </div>
</div>

.hr:最后一个孩子不工作。

当然,DOM结构可能会更复杂。我只需要获取最后一个需要的元素。

解决方法

你的问题不是很清楚;有几种方法可以从您的示例中获取最后一个.hr元素,但您会说“DOM结构可能会更复杂”。为了回答你的问题,你需要提到可能的DOM结构;在某些情况下可能是有可能的,在某些情况下不会。

这是一种让.hr退出最后一个div的方式:

div div:last-of-type .hr

这是另外一种方法来将.hr从外部div的最后一个小孩中取出:

div :last-child .hr

如果你需要从文档中获取最后一个.hr元素,不管它在里面是什么,那么你不能在CSS中这样做。在CSS中,您只能在层次结构的一个特定级别选择第一个,最后一个或第n个元素,无论选择某个类型的最后一个元素,都不能选择。

猜你在找的CSS相关文章