思章老师
思章老师

WordPress默认评论样式CSS类

今天折腾了一下博客的评论CSS,其实WordPress最复杂的就是这个评论样式CSS了,得弄清楚这个CSS类才可以设计出自己喜欢的样式:

ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

发表评论

textsms
account_circle
email

  • 先收藏,一直想把多说改为wordpress自带的评论,但是修改CSS样式太难了。

    8年前 回复
  • Fanzy

    请问你评论表情用的什么插件啊?请邮件告知,谢谢。

    9年前 回复
    • 落花生博主

      @Fanzy: 评论表情没用插件啊,是开发主题的时候添加上的,这个其实也是WP默认有的

      9年前 回复
  • 呵呵呵 是改好好看看这个 哪天自己也折腾一个自己喜欢的样式

    10年前 回复
  • aran

    找了好久没找到这个评论样式CSS存在哪个位置,能告诉我一下么?

    10年前 回复
  • 有用的东西,呵呵。

    11年前 回复
  • 俺也想改改,哪天动手吧,默认的感觉有些分的太开了

    11年前 回复
  • 请教下,我也在改默认主题,想改文章的行距(分段的行距),摸索好久都不知道在哪改,求助!还有首页文章显示的文章不分段的,怎么改?

    11年前 回复
    • @筑生活: 文章的行距,直接在body里添加标签就可以,用ling-height:31px;分段肯定是用的标签,所以直接定义P标签的样式text-indent:20px即可。

      11年前 回复
  • 我现在连CSS都没学明白呢,做主题?费劲儿!改主题还差不多…

    11年前 回复

思章老师

WordPress默认评论样式CSS类
今天折腾了一下博客的评论CSS,其实WordPress最复杂的就是这个评论样式CSS了,得弄清楚这个CSS类才可以设计出自己喜欢的样式: ol.commentlist {} ol.commentlist li {} ol.commentl…
扫描二维码继续阅读
2011-04-20