如何定位特定类的最后一个子类

How to target last child of specific class

本文关键字：最后一个 子类 何定位 定位      更新时间：2023-09-26

我想用jQuery或CSS定位活动类的最后一个子类，我使用了最后一个类型的伪类，但它不起作用

网页代码

<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

使用 jQuery：

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

编辑：

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

相关文章：