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. 没有图片

    2011.03.24

    三款非插件WordPress回复自动发邮件代码

    博客搬家并启用新主题,今天就启用回复自动发邮…

  2. 没有图片

    2011.09.07

    通过分类名称获取分类的别名(slug)

    在设计WordPress主题时,经常会遇到调…

  3. 没有图片

    2010.06.24

    FireFox 3.6.4 正式版发布

    Firefox 3.6.3已经很久没升级了,…

  4. 没有图片

    2010.04.30

    WP-MulticolLinks 让你的友情链接分栏显示

    菠萝今天找点空弄一下WordPress主题,…

  5. 没有图片

    2012.04.11

    收藏的各种LightBox控件

    在Web设计的时候,经常会用到LightBo…

  6. 没有图片

    2009.08.26

    UCenter Home 2.0 正式版 道具使用说明

    UCenter Home 2.0 正式版 发…

评论

  1. Jessy 2011.04.22 12:03下午

    俺也想改改,哪天动手吧,默认的感觉有些分的太开了

    • 李思章 2011.04.22 12:18下午

      自己动手的感觉不错,可以学习到更多东西。

  2. 筑生活 2011.04.21 6:33下午

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

    • 落花生 2011.04.21 7:08下午

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

  3. 晓潘博客 2011.04.20 10:15下午

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

    • 落花生 2011.04.21 8:04上午

      边用边学,边学边用就可以了。没必要每个人都学这个东西。很累人。