Html 一个元素之后的第一个元素的CSS选择器不是同级元素

我想知道这是否可能。使用此html：

<h1></h1>
<form>
    <label><input type="text"></label>
    <label><input type="text"></label>
    <label><input type="text"></label>
</form>

---

但我想知道是否可以只选择前面有h1的第一个标签，该标签与+或~或其他内容不在同一级别。

您可以使用以下选择器：

h1 + form > label:first-child {
   /* some properties here */
}

因此，上面的选择器将选择

表单

元素，它是

h1

的同级元素，然后它进入并选择第一个直接的

标签

元素，因此我使用

如果您确信

表单

元素中可能没有任何嵌套的

标签

元素，则可以安全地删除

元素

---

请注意，这是一个非常通用的标记选择器，我建议您将元素包装在包装器元素中，并给它一个

class

say

formwrapper

并修改选择器，如

.form-wrapper h1 + form > label:first-child {
  /* some stuff */
}

h1+表单标签：第一个子{
颜色：红色；
}

H1
弗斯特
第二
第三
氢
弗斯特
第二
第三

您可以使用

+

访问下一个同级，然后使用后代选择器以标签为目标

h1+表单标签：第一个子{
右侧填充：120px；
}

我同意你的看法，但在这种情况下，页面上的内容不会超过form@Mr.外星人，你认为你能帮我解决这个问题吗@Axel粘贴原始链接，不会点击缩小的链接，对此很抱歉。这是原来的一个：

.form-wrapper h1 + form > label:first-child {
  /* some stuff */
}