我如何从以下代码获取最后一个元素(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个元素,无论选择某个类型的最后一个元素,都不能选择。