2016-05-04 64 views
-3
我在與 thirtytwo 3個的div,所有

工作,我嘗試使用nth-of-type這樣對他們的風格:第n-的類型不上格

.thirtytwo:nth-of-type(1){ style.. }

但對於某種原因,沒有任何反應,任何人都知道它可能是什麼?

+1

也許讓我們真的看到你的代碼陛下?或者做一個小提琴或其他東西.. – Abbr

+1

我們需要更多的信息。請製作jsfindle或其他東西。它可能來自你的CSS鏈接文件,一個類的過度或其他很多小問題。 –

+0

'.thirty兩個寬度:32%; float:left; text-align:center; box-sizing:border-box; padding:10px; } 。三十二:第n類型(1)極限右邊:2%!重要; } 。三十二:第n種類型(2)極限 - 右邊:2%!重要; } 。三位二位:第n位(3)極位右位:0%!重要; }'這裏是html'

content
content
' – alexcr

回答

1
Your code works fine. 

.thirtytwo{ 
 
    width: 32%; 
 
    float: left; 
 
    text-align: center; 
 
    box-sizing: border-box; 
 
    padding: 10px; 
 
    border:1px solid; 
 
} 
 
.thirtytwo:nth-of-type(1){ 
 
    margin-right: 2%!important; 
 
} 
 
.thirtytwo:nth-of-type(2){ 
 
    margin-right: 2%!important; 
 
} 
 
.thirtytwo:nth-of-type(3){ 
 
    margin-right: 0%!important; 
 
}
<div class="thirtytwo">DIV1</div> 
 
<div class="thirtytwo">DIV2</div> 
 
<div class="thirtytwo">DIV3</div>

也許嘗試檢查元素引起也許你留下一個元素未閉合或打開上方的3個div的。

+0

是的,它應該,原因是正確的..但仍然不工作的原因.. – alexcr

+0

我不能想到任何其他可能的錯誤。也許,javascripts或idk – Abbr