html - 在CSS中选择另一个元素之后的直接第一个元素

Question

我有以下 HTML：

<div id="form">
    <form>
       <textarea id="text"></textarea>
       <span class="error">select this</span>
       <span class="error">don't select this</span>
    </form>
</div>

在 CSS 中，如何仅选择元素之后的第 一个元素而不选择第一个元素之后的其他元素？spantextareaspan

Answer 1

您可以使用相邻的兄弟组合器：

#text + span {
    /* Styles */
}

这是一个工作示例。

更新（见评论）

要定位第二个span，您可以简单地将另一个相邻的兄弟组合器添加到选择器：

#text + span + span {
    /* Styles */
}

Answer 2

使用+（相邻兄弟）选择器：

textarea + span { ... }

演示：http: //jsfiddle.net/ThiefMaster/ngrZz/