Question

是否有一个CSS选择器用于页面上最后一次出现的类？

说我有这个HTML

<dd>
    <span>
        <a class="required" id="forename">foo</a>
    </span>
</dd>
<dd>
    <span>
        <a class="required" id="surname">bar</a>
    </span>
</dd>

是否有一个CSS选择器会返回带有姓氏ID的a标记。像.required:last这样的东西可能吗？

如果重要的话会使用Prototype吗？

Answer 1

CSS3有：last-child选择器，但没有多少浏览器支持它。

如果你可以使用jquery，你可以这样做：

$("a.required:last")

Answer 2

使用原型：

var sel = $(document.body).select('a.required').toArray()
var last = sel[sel.length-1]

（或者：var last = sel.last()）

可能有一种更简单的方法。

Answer 3

~~:last-of-type可以在某些情况下工作（当所有.required个元素都有一个共同的父元素时），但支持是spotty。~~ （编辑：不，它不会，last-of-type只占用帐户中的元素名称。）如果适用于您，请使用Javascript，或者在HTML中添加last类。

@snaken：:last-child（实际上是CSS2）是非常不同的：它选择了父母最后一个孩子的元素。即。

<div>
  <a class="required">...</a>
  <a class="required">...</a>
  <a>...</a><!-- this is :last-child! -->
</div>

required:last-child在这里实际上是空的，因为.required元素都不是最后一个孩子。

用于页面上最后一次出现的CSS选择器

3 个答案: