我正在尝试做一些我认为很简单的任务，但它并不是那么简单......手头的问题可以在这 2 个链接上看到
http://kurdaktuellt.se/category/aktuellt/
我使用的选择器相当简单
body:not(.single) #content > .post:nth-child(odd){
}
body:not(.single) #content > .post:nth-child(even){
}
问题是它在首页（第一个链接）上以一种方式工作，在类别页面（第二个链接）上以另一种方式工作，因为它需要计算标题元素，如果它正确地跟随我的选择器，它不应该......我在这里缺少什么吗？
感谢所有帮助... aloot！提前谢谢
在您的类别页面中，您有一个h1作为 的第一个孩子#content，这会干扰您孩子的顺序，导致您的第一个div.post不再是第一个孩子，而是实际上是第二个孩子（请参阅规范）。
您可以:nth-of-type()改用，因此只考虑您div的 s （具有 class .post）：
body:not(.single) #content > div.post:nth-of-type(odd)
body:not(.single) #content > div.post:nth-of-type(even)
或者您可以选择修改您的 HTML，或者通过将其移动到h1其他地方，或者通过在您的元素周围添加另一个容器div.post，这样您的:nth-child()排序就不会被弄乱。