孩子的第二个孩子的选择器dvi

Question

是否可以选择孩子的div的第二个div？例如

<div class="footer-widgets"> 
    <div class="row"> 
    <div class="footer1"></div> 
    <div class="footer2"></div> 
    <div class="footer3"></div> 
    </div> 
</div> 

我想是这样.footer的小部件.row：第n个孩子（2）{显示：无}无济于事

Answer 1

使用：

.footer-widgets .row div:nth-child(2) { display:none } 

working example

我们应用“：第n个孩子”，以实际的子元素，而不是父元素（尽管这是一个“gothcha”对我来说，我第一次也跑过去了。）

Answer 2

演示http://jsfiddle.net/aazvvneL/

.footer-widgets .row > div:nth-child(2) { 
    background-color: red; 
} 

第n -child被应用，因为在选择元素的地方是它的父元素的x子元素，不像选择这个元素的x子元素。