CSS选择器后，只有在某些元素2个元素

Question

所以，我想一些CSS值，如跳1元：

2,3, 5,6, 8,9, 11,12 etc. (numbers being the elements) 

我有很多一派，但我找不到如何做到这一点。

Answer 1

选择的所有元素但不是那些谁是:nth-child(3n + 1)

:not(:nth-child(3n + 1)) 

，以排除1,4,7,10位置元素...

Codepen Demo

Answer 2

您可以使用nth-child选择器，3n和3n+2作为参数。 3n将选择编号为所有元件3，6，9，12 ...而3n+2将选择编号为2的元素，5，8，11 ..

li:nth-child(3n+2), 
 
li:nth-child(3n) { 
 
    color: red; 
 
}

<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> 
 
    <li>13</li> 
 
    <li>14</li> 
 
    <li>15</li> 
 
</ul>