儿童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-widgets .row：nth-​​child（2）{display：none}这样的东西无济于事

Answer 1

使用：

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

working example

我们申请＆＃34;：nth-​​child＆＃34;实际的子元素，而不是父元素（虽然这是第34次gothcha＆＃34;对我来说，第一次遇到它时也是如此。）

Answer 2

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

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

nth-child应用于select元素是其父元素的x子元素，而不是选择此元素的x子元素。