孩子的第二個孩子的選擇器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子元素。