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

    2013.04.08

    WordPress主题:x2013 Pro V2.0 发布

    经过近一个月的精心的准备,WordPress…

  2. 没有图片

    2011.04.03

    网页设计用到的漂亮字体.备用(更新)

    因为折腾主题和设计网页一直需要与字体打交道,…

  3. 没有图片

    2009.11.23

    百度文档分享平台上线

    逛了一圈,发现百度新上线了百度文档分享平台,…

  4. 2013.10.25

    WordPress 3.7 Basie 正式版发布

    今天WordPress 3.7 正式版发布了…

  5. 没有图片

    2009.12.02

    WordPress 2.9 Beta2发布公测

    WordPress 2.8.6刚 发布不久,…

  6. 没有图片

    2015.01.05

    谷歌字体本地化CDN加速教程

    Google被墙是大家都知道的,痛哭流涕也没…

评论

  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

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