CSS第n個孩子（3N + 1）不工作時childred

我的HTML代碼 '之間的另一' 元素：CSS第n個孩子（3N + 1）不工作時childred

<div class="span4">1</div> 
<div class="span4">2</div> 
<div class="span4">3</div> 
<div class="span12">banner</div> 
<div class="span4">4</div> 
<div class="span4">5</div> 
<div class="span4">6</div> 
<div class="span4">7</div> 
<div class="span4">8</div> 
<div class="span4">9</div>

定製CSS：

.span4:nth-child(3n+1){ 
    color: red; 
}

在結果必須有1，4， 7紅色。但事實並非如此。例如：http://jsfiddle.net/473UR/ 如何解決這個問題？

來源

2014-02-20 scifi

這裏的問題是，有n個課外沒有選擇。你需要使用JS – Danield

你能舉個例子嗎？因爲jquery的工作方式完全一樣。 – scifi

那是因爲.span12也算作一個孩子。如果刪除它，它將起作用

來源

2014-02-20 10:58:10

.nth-child與連續元素一起使用。如果有任何其他元素進入它之間開始從第一個計算。

<div class="span4">1</div> <-- this is first-child --> 
<div class="span4">2</div> 
<div class="span4">3</div> 
<div class="span12">banner</div> 
<div class="span4">4</div> <-- sequence reset. 
<div class="span4">5</div> 
<div class="span4">6</div> 
<div class="span4">7</div> 
<div class="span4">8</div> 
<div class="span4">9</div>

來源

2014-02-20 10:59:53 Sachin

有沒有機會解決這個問題？我需要在該位置保存span12 div。 – scifi

您需要將您的橫幅DIV，它會工作

EXAMPLE

<div class="span4">1</div> 
<div class="span4">2</div> 
<div class="span4">3</div> 
<div class="span4">4</div> 
<div class="span4">5</div> 
<div class="span4">6</div> 
<div class="span4">7</div> 
<div class="span4">8</div> 
<div class="span4">9</div> 
<div class="span12">banner</div>

來源

2014-02-20 11:02:06 SaturnsEye

我無法在其他任何地方移動此div。 – scifi

CSS第n個孩子（3N + 1）不工作時childred

回答

相關問題