背景是透明的,因此它只继承父注释的样式。。
设置注释类的样式。。
#comments li.comment { background-color: #fff /* Default styling */ }
然后在你下楼的时候做更具体的造型。。
#comments li.odd { /* whatever */ } /* Style odd numbered comments */
#comments li.even { /* whatever */ } /* Style even numbered comments */
#comments li.bypostauthor { /* whatever */ } /* Style author comments */
更具体的规则会在后面出现,因此您的样式会产生层叠效果。。
NOTE: 具有ID的CSS选择器通常比具有类的选择器(即使它们先出现)具有优先权,您的CSS规则越具体,它就比其他竞争为给定元素设置样式的选择器具有更高的优先级。
例如:。
#comments li.comment { /* This rule will be given priority */ }
.someclass li.comment { }
如果您是Firefox用户,Firebug可以帮助您了解元素继承了什么样式以及来自什么样式(如果您使用Firefox,强烈建议您尝试一下)。
这实际上更多的是一个如何使用CSS来为嵌套元素设置可用选择器的样式的问题,而不是一个特定于WordPress的选择器。也就是说,如果你一直在想把什么规则放在哪里,那么就把你的CSS评论贴出来,这样我们就可以看到你是如何构建和排序你的CSS规则(样式)的。
我希望我的回答有帮助。。
EDIT: 在评论中回答您的问题。
尝试以封装注释并遵循包含<li>
相反
#comments li.comment .comment-container {}
#comments li.odd .comment-container {}
等等。。。看看这是否有帮助……:)