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; }