編寫特定的第n個孩子選擇

Question

我需要一些幫助，在CSS以下幾種情況

寫第n個孩子選擇

兒童＃1，＃4，＃7，＃10，...應該有具體的css
＃2，＃3，＃5，＃6 ...應該有一些其他特定的css

第一個有這個（：第n個孩子（3n-2）），但不能想出第二件事。

謝謝！

Answer 1

可以使用:not(:nth-child(3n-2))第二

Answer 2

是兒童＃2，＃3，＃5，＃6，...比孩子＃1，＃4，＃7，＃10其他一切事情。 ..？

如果是這樣，你可以只創建一個一般的所有兒童的規則，然後覆蓋兒童＃1，＃4，＃7，＃10，樣式......這樣的：

.child { 
    /* All children */ 
} 

.child:nth-child(3n-2) { 
    /* Override for #1, #4, #7, #10, ... */ 
} 

或者，如果您需要專門樣式應用於那些孩子沒有覆蓋，你可以否定相同:nth-child()與:not()在一個單獨的規則：

.child:nth-child(3n-2) { 
    /* #1, #4, #7, #10, ... */ 
} 

.child:not(:nth-child(3n-2)) { 
    /* #2, #3, #5, #6, ... */ 
}