Markdown可使用CSS，但仍保留markdown格式

Question

我想使用一个外部的CSS文件来做我的标记。

我在我的文件顶部添加了以下内容：

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

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

例如，我想要有一个红色字体的代码部分，我尝试了以下方法：

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

类星体开发者`

但这会以红色打印出整行。CSS会覆盖标记格式：

` bash类星体开发者`

我尝试将其更改为：

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

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

那么如何实现markdown和CSS格式的混合呢？代码段的字体是红色的吗？

请帮帮我！谢谢

Answer 1

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

此外，不能将块级元素放在内联级元素中(如<span>)。

使用以下命令：

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