利用CSS的nth-child属性控制多个相同的元素
首先我们看这段代码:
<p class="forminator-row">The first paragraph.</p> <p class="forminator-row">The second paragraph.</p> <p class="forminator-row">The third paragraph.</p> <p class="forminator-row">The fourth paragraph.</p>
如果我想单独控制第一个或第二个的CSS属性,此时就需要借助nth-child属性,用法如下:
.forminator-row:nth-child(1){ background:#ccc; } .forminator-row:nth-child(2){ background:red; }
案例: