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 */
}

これが実際の例です。

更新(コメントを参照)

2 番目をターゲットにするにはspan、別の隣接する兄弟コンビネータをセレクタに追加するだけです。

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

Answer 2

+(隣接する兄弟)セレクターを使用します。

textarea + span { ... }

デモ: http://jsfiddle.net/ThiefMaster/ngrZz/