选择具有特定类的最后一个元素 [英] Select last element with a specific class

问题描述

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

例如：

 < 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>选择< / div> 
< div class =item1>< / div> 
< / div> 
  

所以在这个例子中选择最后一个类元素 .item 。

我知道你可以只添加一个额外的类，但我想知道如果我可以做一个选择器在css。 / p>

jsFiddle

我已经试过的东西：

1. ：最后


2. ：last-child


3. ：最后一种类型

解决方案

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

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

使用

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

但是我不确定是否会工作，除非最后一个孩子实际上是容器中的最后一个元素

您可以尝试使用jquery

  $ .item）。last（）。css（background-color，red）; 
  

Is it possible to select the last element that has a certain class?

For example:

<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>

So in this example select the last class element .item.

I know you can just add an extra class to that element, but i'm wondering if i can do this with just a selector in css.

jsFiddle

Things i'v already tryed:

1. :last
2. :last-child
3. :last-type-of

解决方案

you can use :last-child however on your jsfiddle you are using

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

use

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

however i'm not sure that would work unless the last child is actually the last element in the container

you could try jquery

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

这篇关于选择具有特定类的最后一个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！