标题规则是空的，装饰靠伪元素

用户贴出的样式注释要求用 var(--md-primary-color) 代替写死的颜色，并提到格式化快捷键。一级到六级标题的规则块都是空的。空块不会改变字号、颜色或边距。图片规则的选择器是 image。正文里的图片标签通常是 img。image 这个规则对不上 img，即使块里后来写了声明，也要选对元素。

空块之后才写上字号和颜色

后一版给 p 写了颜色 #2c3e50、行高 1.875、字号 16px、字距 0.06em，还有 0.3 秒的过渡。h1 字号 2.5em，颜色 #1a1a1a，居中，底部留出空间。装饰放在 h1::before 和 h1::after：两条居中的横线，宽度 80px 和 40px，高 4px，用了线性渐变。::after 还有名为 glow 的动画，2 秒交替，透明度从 0.5 到 1，宽度从 40px 到 60px。h2 字号 1.8em，左边用内阴影画出主题色的竖条。

主题色写成 var(--md-primary-color, #1890ff)。变量存在时用变量，不存在时用这套蓝。注释要求用变量代替颜色值，正文颜色 #2c3e50 和标题 #1a1a1a 仍然是直接的色值，没有走变量。渐变里还有一份 rgba(24, 144, 255, …)，和回退蓝是同一套，不随变量改变。

伪元素和关键帧要排版器保留才看得见。只保留元素自身声明时，横线和 glow 不会出现，h1 还剩下字号、颜色和居中。动画是无限交替，若被保留，横线会一直变宽变窄。用户要的是主题样式，不是一条停不下来的动画。空的 h3 到 h6 在后一版片段里没有一起补上，只有 h1 和 h2 出现在这段里。

图片选择器和变量是两套问题

image 选择器对不上 img。给 image 写宽高，页面上的图片不变。要改图片，选择器得是实际标签或编辑器加上的类。主题色变量名已经写在注释和回退值里。标题正文色若也要跟主题走，就得使用同一个变量，而不是只在伪元素的渐变里使用。

格式化快捷键不会把空的花括号填上声明。空块格式化之后仍然是空块。后一版是另写的规则，不是在原来的空块里补了属性。两份样式若一起生效，空块没有影响，后一版的 h1 会盖过字号。伪元素是否被编辑器留下，要看粘贴之后的结果，不能从源文件里的 ::before 推出公众号里一定有那条线。

标题要有声明，空的规则块等于没有标题样式。颜色要么用主题变量，要么接受写死的色值不会随主题变。图片选择器要和标签一致。伪元素和无限动画是装饰，不代替 h1 自己的字号和颜色。