突出作者评论问题

时间:2010-11-18 作者:Matthew Snider

所以几天前,我为他向Geek添加了以下代码,显然遗漏了嵌套注释部分。这在矿山的许多其他场地上实施,没有粗加工和精加工的标准主题。

我错过什么了吗?

查看此处的链接-geekforhim.com是网站

发表评论,我评论(突出显示有效)下面有人评论我,它也突出显示。

任何帮助都将不胜感激。

.commentlist li.bypostauthor, li.comment-author-admin {
background-color: #E0E0E0 !important;
}
所以我发现我给fi添加了一个背景

#comments ul.children {
background:none repeat scroll 0 0 #FFFFFF;
margin:10px 0 0 25px;
padding:0;
}
这很管用,但很难看。有什么更干净的主意吗?

请参见下面的图片,了解似乎有什么问题

我注意到这些评论本身就是其中之一。我的意思是,一条下面的4条嵌套注释都等于一条注释。这在我的脑海中没有正确编码,可能是一个bug修复?任何想法或解决方法都要让我知道。

UPDATED

在下面的指导下,我能够弄清楚我在追求什么。

感谢t31os!!

1 个回复
最合适的回答,由SO网友:t31os 整理而成

背景是透明的,因此它只继承父注释的样式。。

设置注释类的样式。。

#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 {}
等等。。。看看这是否有帮助……:)

结束

相关推荐

I can't view or add comments

嘿,那里。我刚刚建立了这个网站。http://www.paledogstudios.com 它工作得很好,只是我似乎看不到过去的评论(这个博客是从blogger导入的)或添加评论。我知道这是代码而不是设置,因为有人告诉我,但他没有进一步帮助我。他说这可能在索引上。php帮助