css - 定位最后一个活跃的 li

标签 css

<分区>

有人建议我如何在 li 最后一个事件类中添加 CSS

<ul>
    <li class="active"></li>
    <li class="active"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

最佳答案

如果您只有两个事件类,您可以使用 .active ~ .active { ... } 否则用 JS 尝试类似的东西:

var x = document.getElementsByClassName("active");
x[x.length - 1].style.backgroundColor = "red";
<ul>
<li class="active"></li>
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ul>

关于css - 定位最后一个活跃的 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49664385/

上一篇:html - 元素具有 css 样式和转换 : translate animation

下一篇:javascript - 如何将输入字段定位在动态增长的表格下方

相关文章:

html - 导航 Flexbox 上的中心 Logo

css - 如何选择父元素的第一个和最后一个子元素?

html - 减少折叠菜单的宽度

javascript - 获取第一个下一个元素

javascript - jQuery 调整背景图像的大小

css - 检索网站代码中的常见 CSS 模式

javascript - 我如何使用 css 或 jquery 更改按钮图像并在单击时将其设置为动画?

html - 克隆 CSS 样式的文件上传按钮

javascript - Jquery UI - 拖动形状,但保留原始形状的副本?

html - 如何修复 Web 组件以获取滚动条?