Javascript 使用第n个孩子制作一个象棋图案

我正在绞尽脑汁来完成一件相对简单的事情

我需要选择页面上的每三个和第四个元素，如何使用css:nth-child（）进行选择

JS的回答也很受欢迎

非常感谢

***编辑

抱歉，伙计们，我的问题写得不好。 我在下面附上了一个我需要的例子

这是我需要的结果，

等

---

无需硬编码类名。

您可以使用逗号组合选择器以获取元素

elements = $('div .className :nth-child(3), div .className :nth-child(4)');

从技术上讲，这会选择容器中第三或第四个子元素。如果要选择第三或第四个元素（3、4、6、8等），请使用：

在编辑中，您需要：

li:nth-child(4n-2),li:nth-child(4n-1){
}

---

只使用css怎么样

每三个要素：

*:nth-child(3n+3) {color: red}

每四个要素：

*:nth-child(4n+4) {color: blue}

---

下面是关于JSFIDLE的演示：

这只能使用CSS来解决

 *:nth-child(4n+2){background:blue;color: white;}
 *:nth-child(4n+3){background:blue;color: white;}

---

请添加一些示例标记，以及您希望找到的内容。感谢您的评论。看看我上面的编辑，这里有一个JSFIDLE exmaple。谢谢，但它只选择了第二个和第三个。它需要继续下去。。。谢谢你的评论。看看我上面的编辑，这里有一个JSFIDLE exmaple。你的代码无法按我的要求工作：（@peduarte你在css中有额外的括号，这就是为什么它不能工作-@peduarte我已经为你做了一把小提琴。单击第二个

演示
链接。我的错。这是完美的。非常聪明。+1感谢评论。看看我上面的编辑，有一个JSFIDLE exmaple。
*:nth-child(3n+3) {color: red}

*:nth-child(4n+4) {color: blue}

 *:nth-child(4n+2){background:blue;color: white;}
 *:nth-child(4n+3){background:blue;color: white;}