无限使用 css nth-child

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;}

但只在前第三个 div 中这样做，而不是在 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:first div.second .... 使用不同的 css？

我不能使用 nth-child，因为在我的 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){...}