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

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

例如：

<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中的选择器来实现这一点

我已经尝试过的事情：

：最后

：最后一个孩子

：最后一种

---

您可以在您正在使用的JSFIDLE上使用：last child

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

使用

但是，我不确定这是否有效，除非最后一个子元素实际上是容器中的最后一个元素

你可以试试jquery

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

见文件

E:第n个孩子（n） E元素，其父元素的第n个子元素，从最后一个元素开始计数

对你来说

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

---

在执行此操作之前，只需将最后一个项目类

item1

更改为

item

。就是这样

您不能使用这样的伪类来选择类的最后一个。要么添加一个额外的类，要么使用JQuery。不，你不能。你必须使用Javascript。可能重复的@oGeez的可能重复我读过这个主题，答案确实添加了一个额外的类，实际上并不需要。这在给定的示例中是有效的，但是在一般情况下，如果你想要最后一个元素和给定的类，而不一定是最后一个子元素，这是没有帮助的。为什么不使用“body item:nth last child（1）”然后？。您的解决方案匹配“最后一个元素，但仅当它具有item类时”。我们希望“最后一个具有item类的元素，即使后面有更多没有该类的元素“。此代码仅从上一个索引返回计算。这里甚至不需要定义元素类：

#wrapper:nth last child（2）

。如果我的元素位于其他索引上，则此代码将不起作用：）正如您所说，这将选择最后一个元素。我想要最后一个

.item

元素：）我想jquery已经准备好了，然后在底部的帖子中看到我的更新可能有点冒失，因为我没有标记javascript或jquery。但这是一个我觉得有用的选择：）所以谢谢你！

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

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