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

ped*_*rte 4 javascript css jquery css-selectors

我想要在这里做一些相对简单的事情.

我需要在页面上选择每个第3和第4个元素,我怎么能用css:nth-​​child()来做?

JS的答案也很受欢迎.

非常感谢.

***编辑

抱歉,我的问题写得很糟糕.我在下面附上了一个我需要的例子.

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

        <li></li>
        <li class="highlight"></li>
        <li class="highlight"></li>
        <li></li>
        <li></li>
        etc
Run Code Online (Sandbox Code Playgroud)

没有硬编码类名.

Asa*_*din 12

*:nth-child(3),*:nth-child(4){
}
Run Code Online (Sandbox Code Playgroud)

从技术上讲,它选择容器中第3个或第4个子元素的每个元素.如果要选择每个第3或第4个元素(3,4,6,8等),请使用:

*:nth-child(3n),*:nth-child(4n){
}
Run Code Online (Sandbox Code Playgroud)

DEMO

在您的编辑中,您需要:

li:nth-child(4n-2),li:nth-child(4n-1){
}
Run Code Online (Sandbox Code Playgroud)

DEMO