選擇直接第一個元素其它元素之後在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

您可以使用adjacent sibling combinator：

#text + span { 
    /* Styles */ 
} 

這裏有一個working example。

更新（見註釋）

要定位第二span，你可以簡單地添加另一相鄰的兄弟組合子的選擇：

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

Answer 2

使用+ (adjacent sibling)選擇：

textarea + span { ... } 

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