CSS:选择每2个孩子,但不是每4个孩子

CSS:选择每2个孩子,但不是每4个孩子,css,css-selectors,frontend,Css,Css Selectors,Frontend,我需要选择元素的每2个子元素,但如果它是4、8、12的倍数。。。不应选择它。所以我想要的序列是[2,6,10,14] 我目前的解决办法是: p:nth-child(2n) { background: purple; } p:nth-child(4n) { background: white; } 现在,第二、第六、第十和第十四元素的背景颜色为紫色。但这并不是解决问题的好办法 我能不能把这两个选择器组合成 p:nth-child(2n \ 4n) { //Just an idea how

我需要选择元素的每2个子元素,但如果它是4、8、12的倍数。。。不应选择它。所以我想要的序列是[2,6,10,14]

我目前的解决办法是:

p:nth-child(2n) {
  background: purple;
}
p:nth-child(4n) {
  background: white;
}
现在,第二、第六、第十和第十四元素的背景颜色为紫色。但这并不是解决问题的好办法

我能不能把这两个选择器组合成

p:nth-child(2n \ 4n) { //Just an idea how this selector could work
  background: purple;
}
这个怎么样:


这应该适用于您的序列[2,6,10,14]:

   p:nth-child(4n-2) {
      background: purple;
    }
p:N-child4n-2{ 背景:紫色; 颜色:FFF; } 同侧眼底1

同侧视野2

同侧视野3

同侧视野4

同侧视野5

同侧视野6

同侧视野7

同侧眼底8

同侧视野9

同侧视野10

同侧视野11

同侧视野12

同侧视野13

同侧视野14

同侧视野15


Lorem ipsum 16不,你不能。你的解决方案很好。您可能希望使用background:inherit,这样就不必重复使用白色。
   p:nth-child(4n-2) {
      background: purple;
    }