CSS-如何使用第n个子对象来定位具有不同类的子对象？

我想用类活动特殊规则设置第二个子类，但我无法将其作为目标。我有10个项目，其中很少有活跃的课程。我需要以活跃课堂的第二个孩子为目标。
是否有任何方法可以使用第n个子类并合并两个类

.container{
边框：2倍纯红；
显示：网格；
网格自动列：1fr；
网格自动流：列；
柱间距：3rem；
}
.项目{
背景颜色：粉红色；
}
.item.active{
字号：2rem；
}
//通过5级考试就可以工作
.项目.活动：第n个子项（2）{
背景颜色：黄色；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10

注意：

使用

：第n个子项

并指定

.active

要求

如果您没有使用Safari，则以下代码段将不起作用

.container{
显示器：flex；
}
.项目{
背景颜色：粉红色；
}
.item.active{
字号：2rem；
}
.项目：第n个子项（2个活动）{
背景颜色：蓝色；
}

1.
2.
3.
4.
5.
6.

不应该

.active:第n个孩子（2）

在这里工作吗？使用

.active~.active{}

只使用css或允许的js？

.active+.active

或选中此项：

.active~.active:第n个类型（2n-1）

或

第n个类型（奇数）