CSS 选择父类的最后一类 [without .last]

标签 css css-selectors

我试图用 css 选择元素的最后一个类,但找不到方法。

例子:

HTML

<ul>
   <li class="activ">Lorem</li>
   <li class="activ">Ipsum</li>
   <li class="activ">el</li>
   <li class="activ">delor</li>
   <li class="passiv">mia</li>
   <li class="passiv">patre</li>
   <li class="passiv">alpha</li>
</ul>

编辑:列表是动态变化的,所以它总是第四个元素

CSS(不工作)

ul li.activ:last-child {
     background-color: #aaa;
}

有没有办法在不添加 .last 类或 javascript 的情况下做到这一点?

最佳答案

不,没有。您将需要使用其中一种解决方法。

关于CSS 选择父类的最后一类 [without .last],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24672873/

相关文章:

php - 使用 php 和/或 CSS 的字体大小

使用 css 选择器解析 XML 的 Java 库

html - Webkit 伪元素文档

html - 通过 col 类和 td 类定位特定的 td?

javascript - Bootstrap v4.3 Navbar 没有正确动画折叠的非导航栏元素的显示过渡

html - 调整浏览器窗口大小时,CSS 背景颜色宽度会减小

jquery - "has ANY value and is not null or blank"属性的 CSS3 选择器

html - 无法使用输入[值 =""] 选择空输入?

javascript - 格式与多个链接 rel 样式表 CSS (HTML) 混淆

html - 缩小导致溢出