Markdown 使用 CSS 并且仍然保留 Markdown 格式答案

【问题标题】：Markdown to use CSS and still retain markdown formattingMarkdown 使用 CSS 并且仍然保留 Markdown 格式
【发布时间】：2020-04-28 07:22:15
【问题描述】：

我想为我的 markdown 使用外部 CSS 文件。

我在文件顶部添加了这个：

<link href="./src/css/main.scss" rel="stylesheet"></link>

并且能够使用 CSS 类。但是我的问题是，当我使用 CSS 类时，它会完全覆盖 markdown，并且 markdown 格式消失了。

例如，我想有一个字体颜色为红色的代码部分，我试过这个：

<span markdown="1" class="font-red" >
```bash
quasar dev```
</span>

但这会将整行打印为红色。 CSS 会覆盖 markdown 格式：

```bash quasar dev```

我尝试将其更改为：

```bash <span markdown="1" class="font-red" > quasar dev </span>```

但这会将标签打印为文本。这一次，markdown 格式覆盖了 CSS。

那么我怎样才能实现markdown和CSS格式的混合呢？字体为红色的代码段？

请帮忙！谢谢

【问题讨论】：

【解决方案1】：

这是降价语法的一部分。在内联 HTML 中不解析 Markdown。您需要自己重新创建 HTML 元素。

另外，您不能将块级元素放入内联级元素（如<span>）。

使用这个：

<pre markdown="1" class="font-red"><code>bash
quasar dev</code></pre>

【讨论】：