选择第四行div,删除边距

Question

假设我有860px的宽度区域,我需要放4个div(200px宽度)和3个空间(20px).如果根本只有4个div,我可以使用

.div {width:200px; margin-right:20px}
.div:last-child {margin-right:20px;}

但是可以有任意数量的div,但仅限于一行,所以我不能使用last-child.但是一行的宽度总是860px.

如何从第四个div中删除margin-right？或者如何正确地使这个间距？

Answer 1

如果您要定位每个第4个div元素,则需要使用nth-of-type表达式,(4n+4)因此它将选择每个第4个元素.

div:nth-of-type(4n+4) {
    color: red;
}

演示

注意:我在这里使用了一般元素选择器,所以你需要.在div使用名为的类之前添加一个 .div