css - 来自嵌套 div 的偶数奇数选择

Question

我正在尝试使用类名选择所有其他 div。问题是它们都在不同的父 div 中。我已经尝试了很多关于兄弟选择的事情，但还没有找到解决方案。这就是我要找的：

使用类名文章添加 30px 的边距甚至 div

<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/