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)

Answer 2

我认为这就是你想要的：

div[my-custom-attribute="0"] + div[my-custom-attribute="1"] { 
  color:red;
} 

演示

有关选择器的更多信息，请参阅此链接。

Answer 3

谢谢您的回答。我最终使用了 jQuery 选择器而不是 CSS。

就我而言，jQueryprev()工作

$($('div[my-custom-attribute="1"]').prev('div[my-custom-attribute="0"]'))