Html 在活动类上使用第n个选择器

如何使用第n个选择器将一组样式添加到最后一个样式

我有一组div，其中只有一些包含某个类。如何将样式（如背景色）添加到包含该类的最后一个div中

我试过最后一个孩子和最后一个类型。但似乎无法选择具有“活动”类的最后一个

div.active:：after{
内容:"资讯化";；
}
div.active：类型的最后一个{
背景：红色；
}

蛇
兔子
斯奎特尔
玉米
公鸭
黄色

纯CSS无法实现这一点。您可以在要修改的类中添加另一个类并使用它。除非div的数量（或最后一个

.active

div相对于列表末尾的位置）保持不变，否则您需要JS或需要修改标记。为什么不使用div:nth类型（5）？您可以将所有这些div封装在一个div（比如类包装器）中，然后执行以下操作：.wrapper div:nth，类型为（5）。奇怪的是，只针对具有特定类的第一个div非常简单，而不可能针对最后一个div。这绝对是CSS中的一个缺陷。纯CSS无法实现这一点。您可以在要修改的类中添加另一个类并使用它。除非div的数量（或最后一个

.active

div相对于列表末尾的位置）保持不变，否则您需要JS或需要修改标记。为什么不使用div:nth类型（5）？您可以将所有这些div封装在一个div（比如类包装器）中，然后执行以下操作：.wrapper div:nth，类型为（5）。奇怪的是，只针对具有特定类的第一个div非常简单，而不可能针对最后一个div。这绝对是CSS中的一个缺陷。