Html 复杂CSS/LESS:为什么';这第n个孩子(甚至)不工作吗?

Html 复杂CSS/LESS:为什么';这第n个孩子(甚至)不工作吗?,html,css,less,frontend,Html,Css,Less,Frontend,我正在尝试使用第n个子元素(偶数)创建一个交替模式,其中偶数元素和它各自的普通同级元素是红色的 然而,在尝试了一段时间之后,我不知道如何使“通用同级选择器”与交替颜色的元素的颜色相同 下面是一个片段: h1:n个子级(偶数), h1:n个孩子(偶数)~p{ 颜色:红色; } 第1节 我很奇怪 我很奇怪 第二节 我是平的,我应该是红的 我是平的,我应该是红的 第一节 我很奇怪 我很奇怪 第二节 我是平的,我应该是红的 我是平的,我应该是红的。你不需要 h1:n个子级(偶数), h1:n个孩子(

我正在尝试使用第n个子元素(偶数)创建一个交替模式,其中偶数元素和它各自的普通同级元素是红色的

然而,在尝试了一段时间之后,我不知道如何使“通用同级选择器”与交替颜色的元素的颜色相同

下面是一个片段:

h1:n个子级(偶数),
h1:n个孩子(偶数)~p{
颜色:红色;
}
第1节
我很奇怪

我很奇怪

第二节 我是平的,我应该是红的

我是平的,我应该是红的

第一节 我很奇怪

我很奇怪

第二节 我是平的,我应该是红的

我是平的,我应该是红的。

你不需要

h1:n个子级(偶数),
h1:n个孩子(偶数)+p,h1:n个孩子(偶数)+p+p{
颜色:红色;
}
第1节
我很奇怪

我很奇怪

第二节 我是平的,我应该是红的

我是平的,我应该是红的

第一节 我很奇怪

我很奇怪

第二节 我是平的,我应该是红的


我是平的,我应该是红色的。

谢谢您的快速回复!这在这种情况下确实有效,但是如果有不同数量的标记怎么办?你可以将
p
aragraphs包装在
div
中,然后使用
h1:n子代(偶数)+div
。正如@Jonathon所说的,最好的方法是将它们包装在div中,或者jou可以使用JS.Sweet…就是这样!谢谢大家!!