使用nth-child在WordPress循环中创建交替的背景颜色

时间:2014-08-07 00:14:09

标签: wordpress css-selectors

我有一个包含三种帖子类型(食谱,事件,帖子)的WordPress循环。我的目标是将#e4dfce的背景颜色分配给循环中的每个其他帖子到以下类:.lb-wrapper

我目前正在使用以下代码完全按照我的方式工作,但我想使用nth-child代替nth-of-type。

.recipe:nth-of-type(odd), .event:nth-of-type(odd), .post:nth-of-type(odd) .lb-wrapper { background-color: #e4dfce; }

我试过这个,但它不起作用:

.lb-wrapper:nth-child(odd) { background-color: #e4dfce; }

任何建议都将不胜感激。感谢。

2 个答案:

答案 0 :(得分:0)

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

.lb-wrapper:nth-child(odd) { background-color: #e4dfce; }

答案 1 :(得分:0)

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

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

开发者的其他评论: "您未正确使用选择器。你的代码假定在lb-wrapper类中有"有几次出现"。但是,您希望定位所有出现的lb-post-wrapper类" inside"另一个类,例如循环。"