Question

是否可以选择具有特定类别的最后一个元素？

例如：

<div id="wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item">Select</div>
    <div class="item1"></div>
</div>

因此，在此示例中，选择最后一个类元素.item。

我知道你可以在该元素中添加一个额外的类，但我想知道我是否可以在css中只使用一个选择器。

jsFiddle

我已经尝试过的事情：

：最后
：last-child
：最后型的

Answer 1

你可以使用：last-child但是你正在使用的jsfiddle

.item:last-child
{
    background: red;
}

使用

#wrapper :last-child
{
    background: red;
}

然而，我不确定除非最后一个孩子实际上是容器中的最后一个元素

，否则它会起作用

你可以尝试jquery

$(".item").last().css( "background-color", "red" );

Answer 2

参见文档

E：第n-最后子（n）的一个E元素，它的父元素的第n个子元素，从最后一个元素算起

http://www.w3.org/TR/css3-selectors/#selectors

好吧，在你的情况下

div.item:nth-last-child(1)

Answer 3

#wrapper .item:last-child
{
background: red;
}

在此之前，只需将最后一个项目item1更改为item。就是这样

选择具有特定类的最后一个元素

3 个答案: