css - CSS で要素の 2 番目の子のみを選択する

Question

私はこのようなものを持っています:

<div id="someID">
   <div class="text">
     -----other html tags
   </div>
   <div class="text">
      -----other html tags
   </div>
   <div class="text">
     -----other html tags
   </div>
</div>

テキスト div 用の CSS もいくつかあります。テキストのクラスで 2 番目の div に別の CSS を設定することは可能ですか?

Answer 1

nth-child で簡単に行うことができます：

#someID .text:nth-child(2) {
 background:red;   
}

デモ: http://jsfiddle.net/P6FKf/

Answer 2

疑似セレクタ nth-child ie を使用できますdiv.text:nth-child(2)