使用第n个子项在WordPress循环中创建交替背景色

我有一个WordPress循环，包含三种帖子类型：食谱、事件、帖子。我的目标是为循环中的每个其他帖子分配一个e4dfce的背景色给以下类：.lb wrapper

我目前使用下面的代码，它的工作方式和我想要的完全一样，但是我想使用第n个child而不是第n个type

.recipe:nth of typeodd、.event:nth of typeodd、.post:nth of typeodd.lb包装{ 背景色：e4dfce； }

我尝试过这个方法，但不起作用：

.lb包装器：第n个奇数{ 背景色：e4dfce； }

---

如有任何建议，将不胜感激。谢谢。

您下面提到的代码很好。您可以提供指向您的网站或JSFIDLE的链接。这可能只是与其他已定义样式的css冲突

---

.lb wrapper:nth childodd{background color:e4dfce；}

我用来创建WordPress循环的LoopBuddy插件的开发人员为我的问题提供了以下解决方案：

.loop-content .hentry:nth-child(2n+1) {background-color: #e1771e;}

---

开发人员的其他评论：您没有正确使用选择器。您的代码假设在lb包装器类中，存在多个实例。但是，您希望将lb post包装器类在另一个类（如循环）中的所有出现作为目标。

您可以添加生成循环的Wordpress PHP代码吗？谢谢您的回复。循环的代码是由插件生成的，因此我无法提供PHP代码，但这是我试图使其工作的页面：尝试将奇数改为2n，并创建另一个具有所需背景颜色和2n+1的类。我尝试了您的建议，它返回了与使用奇数相同的结果。此代码不工作，因为您针对的元素。lb包装器彼此不相邻，所以第n个奇数子元素甚至在这里都不行。解决方法是通过wordpress循环添加一些标识符类。