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.07.20

    挖掘BBPress 论坛插件资源和风格资源

    菠萝筐前天安装上了BBPress论坛系统,结…

  2. 没有图片

    2013.04.28

    WordPress Shortlink 短网址使用教程

    自 WordPress 3.0 之后,就自带…

  3. 没有图片

    2012.11.03

    五个很实用的HTML5接口

    1.Element.classList cl…

  4. 没有图片

    2010.06.09

    Windows7下管理员权限问题的解决办法

    曾经介绍过Windows7系统的优越性,这个…

  5. 没有图片

    2010.09.16

    腾讯社区开放平台

    自从新浪出现开放平台之后,百度也接着开放了,…

  6. 2013.09.10

    大前端WordPress D8主题优化之:缩略图裁切

    大前端浩子同学的新WordPress主题D8…

评论

  1. boke123 2014.07.23 3:45下午

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

  2. Fanzy 2013.05.26 12:42下午

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

    • 落花生 2013.05.27 3:50下午

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

  3. 倡萌 2012.08.28 10:04下午

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

  4. aran 2012.03.08 7:32下午

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

    • 落花生 2013.05.27 3:49下午

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

  5. 呆呆驴 2011.06.20 12:56下午

    有用的东西,呵呵。

  6. Jessy 2011.04.22 12:03下午

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

    • 李思章 2011.04.22 12:18下午

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

  7. 筑生活 2011.04.21 6:33下午

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

    • 落花生 2011.04.21 7:08下午

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

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

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

    • 落花生 2011.04.21 8:04上午

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

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!