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 {}

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2010.01.06

    SupeSite 7.5 Discuz! 7.2 UCenter Home 同步登陆完美解决方案

    元旦这一天,中国博客联盟终 于改版完毕,但上…

  2. 没有图片

    2009.10.27

    菠萝筐启用WordPress代码高亮插件wp-syntax

    Image via Wikipedia 在博…

  3. 没有图片

    2009.12.10

    用Box.net打造个人音乐盒

    好久没上Box.net免费网络存储空间了,今…

  4. 2011.10.08

    WordPress顶踩喜欢插件: WizyLike

    看到网上有很多关于日志顶踩的插件,一直没找到…

  5. 没有图片

    2010.03.25

    四款Favicon图标在线制作站点

    今天突然发现自己一个网站居然还没有Favic…

  6. 没有图片

    2011.11.20

    同步WordPress到新浪微博插件wp-tsina

    博客搬家后,很久不玩同步了,本来哥是个同步控…

评论

  1. 倡萌 2012.08.28 10:04下午

    呵呵呵 是改好好看看这个 哪天自己也折腾一个自己喜欢的样式

  2. aran 2012.03.08 7:32下午

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

    • 落花生 2013.05.27 3:49下午

      把代码拷到主题目录下的style.css文件里即可。

  3. 呆呆驴 2011.06.20 12:56下午

    有用的东西,呵呵。