基礎塊網格和n-child選擇器

Question

我現在正在與FoundationPress合作開發WordPress主題。我使用Sass Block Grid來顯示自定義帖子類型的帖子，兩行一行。

現在我想給甚至不同的樣式（margin-top）。試圖用第n個孩子選擇器來做，但它似乎並不奏效。所有的列都顯示爲奇數或1,3,5等等循環。

這是常見問題嗎？或者是塊網格不是用這種選擇器工作的？

感謝提前:) 薩賓

Answer 1

好像我已經找到了解決辦法：我用：第n-的類型，而不是（2N）：第n個孩子（2）和它的工作，然後將其點擊：D我誤解了孩子的東西在李的使用，當我應該使用它在UL。

呵呵，今天工作太多了。我的壞...

無論如何，非常感謝您的時間:)

的HTML：

<ul> 
    <li> 
    <a href="#linktopost"> 
     <span class="imgborder"><img src="#linktoimage" alt=""></span> 
     <span class="projectinfo"> 
     <p class="skills">Skillset 1</p> 
     <h3>Project 1</h3></span> 
    </a> 
    </li> 

    <li> 
    <a href="#linktopost"> 
     <span class="imgborder"><img src="#linktoimage" alt=""></span> 
     <span class="projectinfo"> 
     <p class="skills">Skillset 2</p> 
     <h3>Project 2</h3></span> 
    </a> 
    </li> 

    <li> 
    <a href="#linktopost"> 
     <span class="imgborder"><img src="#linktoimage" alt=""></span> 
     <span class="projectinfo"> 
     <p class="skills">Skillset 3</p> 
     <h3>Project 3</h3></span> 
    </a> 
    </li> 

    <li> 
    <a href="#linktopost"> 
     <span class="imgborder"><img src="#linktoimage" alt=""></span> 
     <span class="projectinfo"> 
     <p class="skills">Skillset 4</p> 
     <h3>Project 4</h3></span> 
    </a> 
    </li> 
</ul> 

的CSS：

ul{ 
    margin-top: 50px; 
    } 

    ul li{ 
    list-style-type: none; 
    margin-top: 60px; 
    } 

    ul li:nth-of-type(2n){ 
    margin-top: 100px; 
    }