CSS:选择每2个孩子,但不是每4个孩子
我需要选择元素的每2个子元素,但如果它是4、8、12的倍数。。。不应选择它。所以我想要的序列是[2,6,10,14] 我目前的解决办法是: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
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;
}