如何针对特定班级的最后一个孩子

Question

我想用jQuery或CSS来定位活动类的最后一个子节点我使用了最后一个类型的伪类，但它没有工作

HTML CODE

<div class="owl-item cloned">Element</div>
<div class="owl-item cloned">Element</div>
<div class="owl-item cloned">Element</div>
<div class="owl-item active">Element</div>
<div class="owl-item active">Element</div>
<div class="owl-item active">This What I want to target</div>
<div class="owl-item cloned">Element</div>
<div class="owl-item cloned">Element</div>

CSS代码

.owl-item {
    background-color: green;
    color:#FFF;
    margin: 10px 50px;
    padding: 10px
}
.owl-item.active:last-of-type {
    background-color: red;
}

这是一个实时演示JsFiddle

Answer 1

使用jQuery：

jQuery('.owl-item.active').last().css('background-color', 'blue')

编辑：

.css('background-color', 'blue')部分只是一个例子。 jQuery('.owl-item.active').last()获取最后一个元素。