WordPress-自定义CSS调整网站

标题自动添加序号

可以在文章的额外CSS里添加以下代码（去掉.post-template-default）。如果不希望每个文章都手动添加的话可以把代码添加在主题自定义中的额外CSS中，但是会全局生效，所以要找到一些文章页面中特有的标记，我用的是默认文章模板设置的class，相当于为默认文章模板添加了这个功能。
示例代码如下：

/* 为post-template-default模板添加标题自动生成序号功能 begin */
/* reset h2 counter to -1 when meet a h1 element */
.post-template-default h1 {
    counter-reset: h2Counter -1;
}
/* insert number before h2 element */
.post-template-default h2:before {
    content: counter(h2Counter)'. '
}
/* increase h2 counter and reset h3 counter when meet a h2 element */
.post-template-default h2 {
    counter-increment: h2Counter;
    counter-reset: h3Counter;
}
.post-template-default h3:before {
    content: counter(h2Counter) '.' counter(h3Counter) ' '
}
.post-template-default h3 {
    counter-increment: h3Counter;
}
/* 为post-template-default模板添加标题自动生成序号功能 end */

参考：https://www.gnss.help/2016/10/23/css-counter/