问题描述

毋庸置疑, 用markdown写文章速度真的是非常快。但是有时候想要修改它的默认样式, 我一般通过style进行修改, 但是发现反而变得麻烦了。比如, 我想把自带的h4修改成带背景的文本，那么我就要设置很多的style样式

问题出现的环境背景及自己尝试过哪些方法

目前我的解决方法是,<b>一个个地编写css样式</b>

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<div style="width: 400px; background-color: #548254;padding:5px 15px;border-radius: 8px;">
    <font color="#FFF"><h3>
        一、Moment.js
    </h3></font>
</div>

<div style="width: 200px; background-color: #885c5c;padding:1px 30px;margin-top: 15px;border-radius: 8px;">
    <font color="#FFF"><h4>
        1.1 概念
    </h4></font>
</div>

<font color="green"><h3>二、xxxx</h3></font>

<font color="#9a4141"><h4>2.1 xxxx</h4></font>

你期待的结果是什么？

网上查了一下没有发现好的解决方法。我是用有道云笔记的markdown编辑文本编写后发到博客园上的。想着能否有一种方法可以像html一样定义一个class,然后在标签div...中引入.
例如:

.title{
    padding: 5px 30px;
    background-color: #12b7f5;
}

<div class="title">我是Markdown</div>