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 .... with 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){...}

<击>

无限使用css nth-child

1 个答案: