CSS中是否可以选择其他三个组？

Question

CSS中是否可以选择其他三个组？如果是的话; 怎么样？

因此,在下面的示例中,将样式应用于4-6和10-12 li秒.

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
     <li>4</li>
     <li>5</li>
     <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
     <li>10</li>
     <li>11</li>
     <li>12</li>
</ul>

我知道[纯] JavaScript和jQuery可以做到这一点,但我正在寻找一个纯CSS解决方案,如果它存在.

Answer 1

你在找nth-child:

ul li:nth-child(6n+4),ul li:nth-child(6n+5),ul li:nth-child(6n+6) {
    background:red;
}

http://jsfiddle.net/bhlaird/utEP4/1/