甚至是嵌套div的奇数选择

Question

我试图用类名选择所有其他div。问题是有不同的父div。我已经尝试了许多与兄弟选择但尚未找到解决方案的东西。这就是我要找的东西：

使用类名文章

为偶数div添加30px的边距

<div class="wrapper">
    <div class="section">
        <div class="article"><!--No Margin here-->
        </div>
    </div>
    <div class="section">
        <div class="article"><!--Add Margin here-->
        </div>
    </div>
    <div class="section">
        <div class="article"><!--No Margin here-->
        </div>
    </div>
    <div class="section">
        <div class="article"><!--Add Margin here-->
        </div>
    </div>
</div>

我尝试过这样的事情，但没有奏效：

.section > .article:nth-child(even){
margin-right: 30px;
}

Answer 1

您需要选择偶数/奇数.article元素，而不是选择偶数/奇数.section元素。

.section:nth-child(even) > .article
{
    /* Your css here */
}

小提琴：http://jsfiddle.net/jakelauer/4PMbS/