如何为上一个元素应用样式？

Question

我大约具有以下布局：

<span class="active">First</span>
<span class="disabled">Second</span>
<span class="disabled">Third</span>

如果下一个元素具有类.active，则我想为.disabled应用样式。我尝试找到类似的构造：

.active + .disabled {
    // styles
}

但是在这种情况下，样式将应用于.disabled，但是我想将样式应用于.active。

是否有可能仅使用CSS解决此问题？ （不带JS）

Answer 1

正确的格式化方法如下。

.active , .disabled {
// styles
}

您也可以使用逗号来更改标签。