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

    2009.12.07

    最专业的PHP在线相册程序 Imagevue 下载+教程

    网上看到一个效果特别炫的在线Flash相册,…

  2. 2014.03.20

    Mac OS X Terminal:终端使用教程(转)

    为什么要使用命令行/如何开启命令行? 许多功…

  3. 没有图片

    2011.10.11

    WordPress防垃圾评论插件: WP Anti Spam

    这几年来,花生一直在使用着防垃圾评论插件bl…

  4. 没有图片

    2011.03.14

    DedeCMS 5.7 正式版发布

    一直是用DedeCMS 5.6给客户设计网站…

  5. 没有图片

    2010.09.27

    PowerPoint 2010 的功能和优点

    使用 Microsoft PowerPoin…

  6. 没有图片

    2013.08.08

    IT路人经典WordPress作品:Gentle Girl

     今天虽然在外地旅游,但还是想办法上线与IT…

评论

  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上午

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