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

前端之家收集整理的这篇文章主要介绍了CSS中是否可以选择其他三个组?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
CSS中是否可以选择其他三个组?如果是的话;怎么样?

所以在下面的示例中将样式应用于4-6和10-12 lis.

<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解决方案,如果它存在.

解决方法

你在找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/

猜你在找的CSS相关文章