在到达某个类之前，将CSS应用于一组HTML标记

我在无序列表中有一组列表标记，例如：

一,
二,
三,
4
五,
六,

使用

~

li.active ~ li
{
    color: green;
}

---

在CSS中，您不能在元素之前以同级为目标，因此必须执行以下操作：

给他们一条规则：

li
{
    color: orange;
}

然后覆盖活动的

li.active
{
    color: red;
}

然后覆盖后面的内容

li.active ~ li
{
    color: green;
}

---

仅指出一点，另一种方法可能是：

li:not(.active) {
  /* your css rules here */
}

---

这将选择每一个没有该课程的

li

。active

如此简单，热爱它！谢谢：）这个答案让我想起了菲尼克斯·赖特。。。将问题迎头解决…这将选择之前和之后的问题。如果你想在xor之前或之后，你还需要别的东西。