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

标签 html css

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

例如:

<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

我已经尝试过的事情:

  1. :最后一个
  2. :最后一个 child
  3. :最后类型

最佳答案

您可以使用 :last-child 但是在您正在使用的 jsfiddle 上

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

使用

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

但是我不确定这是否可行,除非最后一个 child 实际上是容器中的最后一个元素

你可以试试 jquery

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

关于html - 选择具有特定类的最后一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19788265/

相关文章:

javascript - 使用 FabricJS 裁剪图像

jquery - 是什么让下拉菜单覆盖其他元素?

javascript - 根据屏幕宽度切换 "a href"文本

html - 如何让 <img> 填充宽度设置为 : 100%; 的整个 <div>

html - 让一个div填充剩余屏幕空间的高度

html - 为什么我的 JPEG2000 格式 (.jp2) 图像在 Safari 中显示,而在 Chrome 或 Brave 中不显示?

javascript - 如何使用 google chart onclick bootstrap 选项卡按钮修复宽度和高度?

javascript - 需要帮助确定如何在 mediawiki 中编辑 div

html - 在链接鼠标悬停事件上显示文本

css - 如何在Intellij IDEA中获取Web Essentials的特性