css - 有没有办法做一个 "not adjacent to"选择器，与 + 运算符相反

Question

在 css 中，可以使用 + 运算符选择元素后面的元素。例如，我可以通过以下方式仅选择直接跟随标签的输入:

label + input {
    color: red;
}

有没有办法做相反的事情，比如“不相邻”？在我的例子中，有没有办法选择所有不直接跟在标签后面的输入？

编辑: 它需要选择所有不直接跟在标签后面的输入，包括没有任何标签的输入。

Answer 1

我觉得是

input:first-child, :not(label) + input {
  color: red;
}

input {
  background: red;
}
input:first-child, :not(label) + input {
  background: #0f0;
}
body > * {
  display: block;
  width: 100%;
}

<input value="Match (first child)" />
<label>&lt;label&gt;</label>
<span>&lt;span&gt;</span>
<input value="Match (immediately follows a non-label)" />
<label>&lt;label&gt;</label>
<input value="NO match (immediately follows a label)" />
<span>&lt;span&gt;</span>