使用nth-child制作国际象棋模式

Question

我想要在这里做一些非常简单的事情。

我需要在页面上选择每个第3和第4个元素，我怎么能用css：nth-​​child（）？

JS的回答也很受欢迎。

非常感谢。

*** EDIT

道歉，我的问题写得很糟糕。 我在下面附上了我需要的例子。

这是我需要的结果， http://jsfiddle.net/8FXL6/

        <li></li>
        <li class="highlight"></li>
        <li class="highlight"></li>
        <li></li>
        <li></li>
        etc

没有对类名进行硬编码。

Answer 1

*:nth-child(3),*:nth-child(4){
}

从技术上讲，它选择容器中第3个或第4个子元素的每个元素。如果您想选择每个第3或第4个元素（3,4,6,8等），请使用：

*:nth-child(3n),*:nth-child(4n){
}

DEMO

在编辑中，您需要：

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

DEMO

Answer 2

您可以使用逗号组合选择器，使用nth-child来获取元素

<强> Live Demo

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

Answer 3

如何仅使用css？

每三个元素：

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

每四个元素：

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

这是关于jsfiddle的演示：http://jsfiddle.net/dufsx/

Answer 4

这可以仅使用CSS解决

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

LIVE DEMO