CSS 3得到最后一个元素

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (68)

如何从以下代码中获得最后一个元素(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:last-child不适合这个。

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

提问于
用户回答回答于

这是.hr脱离最后一个div的一个方法:

div div:last-of-type .hr

这是另一种你:

div :last-child .hr

如果您需要.hr从文档中获取最后一个元素,而不管其内部是什么,那么您无法在CSS中执行此操作。在CSS中,只能选择层次结构某个特定级别的第一个,最后一个或第n个元素,不能选择某种类型的最后一个元素,而不管它嵌套在哪个元素中。

用户回答回答于

扫码关注云+社区

领取腾讯云代金券