Html 为什么我的特定选择器不能使用n-of-type（）和n-child（）？

我还是一个初学者，在我的代码中找不到错误。非常感谢您的帮助，这样我就可以正确地学习基础知识了

我想将每个偶数帖子中class=“post content”的背景更改为红色

它不起作用。如果我只是在每一篇文章中都改变它，那就完全好了。但当我使用child或type选择器时，它只会将其应用于两篇文章

如果我尝试更改class=“container”，然后使用子选择器或类型选择器指定，它将在每一篇偶数文章上工作。为什么它在“post content”类中不起作用

Html

我
今天
邮政1
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责

艾哈迈德
今天
邮政2
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责

CSS

.container:n个类型（2n+0）{
背景色：#F2F2；
}
`作品（与儿童或类型）`
.帖子内容{
背景色：红色；
}
`同样有效，所有帖子现在都是红色的`
.帖子内容：第n个类型（2n+0）{
背景色：红色；
}
`不起作用，两个帖子的背景仍然是红色的（如果我尝试单数个，没有一个是红色的）`

第n个类型的伪选择器应用于一组同级元素。因为在你的div中，class

post

只是class

post内容的一个元素。此元素始终位于位置
0
，因此
2n+0
（可以写成
2n
将匹配它们

要实现您想要的，您应该使用：
.container:nth类型（2n）.post content{…}
作为选择器。这将首先使用
容器
类选择每秒一个div，然后使用
post content
类将内容应用到该div。要了解更多关于CSS选择器的信息，我建议看一看，您需要提供不同的选择器，包括嵌套式选择器以通过级别

解释（运行代码段以获取可视示例）


.foo{
背景颜色：珊瑚；
填充：0.6em；
边框：1px实心#333333；
边缘：0.2米；
}
.foo:n个类型（2n）{
背景颜色：浅蓝色；
}
.foo.foo{
左边距：1.2米；
}

Foo偶数（索引0处.wrapper中的Foo）
Foo偶数（Foo在.Foo中，在索引0处）
Foo-odd（Foo在.Foo内，在索引1处）
Foo偶数（Foo在.Foo中，在索引2处）
Foo-odd（索引1处的.wrapper中的Foo）
Foo偶数（索引2处的.wrapper中的Foo）
您可以简单地为您的特定情况传递偶数和非第n个类型：）
容器：第n个类型（偶数）。post author{background color:red；}
确定，以便在我使用时重述。容器：第n个类型（2n）。post内容或。容器：第n个子（2n）.post内容之所以有效，是因为我将.container指定为相应的同级，然后添加.post内容以指定这些同级中应该更改的内容？因为.container是父容器下的同级容器，但这两个容器根本不是彼此的同级容器？感谢您的回答和提供的链接！