0

クラス名を持つ他のすべての div を選択しようとしています。問題は、すべてが異なる親divにあることです。兄弟選択で多くのことを試しましたが、まだ解決策が見つかりません。これは私が探しているものです：

クラス名 article を含む 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;
}
4

1 に答える 1

4

偶数/奇数要素を選択するのではなく、偶数/奇数.article要素を選択する必要があります.section。

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

フィドル: http://jsfiddle.net/jakelauer/4PMbS/

于 2013-09-06T22:57:30.317 に答える