无限使用CSS nth孩子

Question

我需要把margin-right:0px每3个div。

其实我用这个代码，但因为WordPress的都疯了，不和的index.php工作archive.php正确的：在第一第三格

.post {position:relative !important;float:left !important;width:207px !important;margin-right:24px;} 
.post:nth-child(4n+0) {margin-right:0px !important;} 

但是，只有做到这一点，但不是在6， 9，12 ....为什么？

<div class="post"></div> */ margin-right:24px; 
<div class="post"></div> */ margin-right:24px; 
<div class="post"></div> */ margin-right:0px; 
<div class="post"></div> */ margin-right:24px; 
<div class="post"></div> */ margin-right:24px; 
<div class="post"></div> */ margin-right:0px; 
<div class="post"></div> */ margin-right:24px; 
<div class="post"></div> */ margin-right:24px; 
<div class="post"></div> */ margin-right:0px; 

我有9个职位的页面，有可能放于CSS指定的div：第一div.second ....有不同的CSS？

我不能用第n个孩子，因为没有在我的wordpress

Answer 1

使用:nth-child(3n)正常工作的目标3/6/9号等。

和它的作品如预期..也许你没有看到它由于布局..

演示在http://jsfiddle.net/tY2Dh/

---

更新（更新问题后）

你的CSS规则的目标与分配category-pro类元素。

但是你的html元素有一个post类分配给他们。

您需要的category-pro类的规则添加到这些因素，或改为

.post{..} 
.post:nth-child(3n){...}