选择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中,我怎么能只选择第一个 span后直接元素textarea元素,不选择其他span后先元素？

Answer 1

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

#text + span {
    /* Styles */
}

这是一个有效的例子.

更新(见评论)

要定位第二个,span您只需将另一个相邻的兄弟组合子添加到选择器:

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