如何在css伪类选择器中排除最后一个子节点

Question

我想为从4到n-1的子div应用特定样式.i能够从4到n,但不能排除最后一个div

这里是jsfiddle http://jsfiddle.net/8WLXX/

.container div:nth-child(n+4)   {     background: red; }

我想要的只是排除最后一个div.

Answer 1

你可以这样做：

.container div:nth-child(n+4):not(:last-child) {
    background: red;
}

小提琴演示

Answer 2

只需添加:not(:last-child)到选择器：

.container div:nth-child(n+4):not(:last-child)