css - 在 CSS 中选择相邻元素

Question

在 CSS 中，

是否可以匹配具有特定属性的元素后跟具有另一个属性的元素，即。

让我们考虑一下

<div my-custom-attribute="0">
</div>

<div my-custom-attribute="1">
</div>

我想选择所有 my-custom-attribute 等于 0 的元素，然后是 my-custom-attribute 等于 1 的元素

Answer 1

您可以通过属性选择器以相反的顺序执行此操作

div[my-custom-attribute="0"] > div[my-custom-attribute="1"]

或

<div id="parent">
    <div my-custom-attribute="0">
    </div>
    <div my-custom-attribute="1">
    </div>
</div>

#parent > div[my-custom-attribute]:not(:first-child)