css - 使用 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/