使用CSS仅选择元素的第二个子元素

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。可以使用文本类为第二个div设置不同的CSS吗？

Answer 1

您可以轻松地使用nth-child：

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

演示：http://jsfiddle.net/P6FKf/

Answer 2

您可以使用伪选择器nth-child，即div.text:nth-child(2)