<分区>
<分区>
有没有办法将 CSS 3 的 nth-of-type
限制为一个类?我有一个动态数量的 section
元素,其中不同的类指定了它们的布局需求。我想捕获每三个 .module
,但似乎 nth-of-type
查找类元素类型,然后计算类型。相反,我想将其限制为仅 .module
。
JSFiddle 演示:http://jsfiddle.net/danielredwood/e2BAq/1/
HTML:
<section class="featured video">
<h1>VIDEO</h1>
</section>
<section class="featured module">
<h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
<h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
<h1>NOT A VIDEO (3)</h1>
</section>
<section class="featured module">
<h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
<h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
<h1>NOT A VIDEO (6)</h1>
</section>
CSS:
.featured {
width: 31%;
margin: 0 0 20px 0;
padding: 0 3.5% 2em 0;
float: left;
background: #ccc;
}
.featured.module:nth-of-type(3n+3) {
padding-right: 0;
background: red;
}
.featured.video {
width: auto;
padding: 0 0 2em 0;
float: none;
}
最佳答案
不幸的是,没有任何方法(至少我不知道)来选择类的 nth-of-type
,因为 nth-of-class
不存在。您可能需要手动向每三个 .module
添加一个新类。
关于CSS 3 nth of type 仅限于类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28342499/