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

回答

相关问题