0

我需要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 中不能正常工作

4

1 回答 1

0

用于:nth-child(3n)瞄准 3rd / 6th /9th 等。

它按预期工作..也许由于布局而你没有看到它..

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

更新（更新问题后）

category-pro您的 CSS 规则以分配了类的元素为目标。

但是您的 html 元素具有post分配给它们的类。

您需要将category-pro类添加到这些元素，或将规则更改为

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

于 2013-10-09T22:24:56.473 回答