Уценка для использования CSS с сохранением форматирования уценки

Question

Я хочу использовать внешний файл CSS для своей уценки.

Я добавил это вверху моего файла:

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

И смог использовать CSS классы. Но моя проблема в том, что когда я использую класс CSS, он полностью перезаписывает уценку, и форматирование уценки исчезает.

Например, я хочу получить фрагмент кода с красным цветом шрифта, я попробовал это:

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

Но это выводит всю строку в красный цвет. CSS перезаписывает формат уценки:

`` `bash quasar dev``` *

Я пытался изменить его на:

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

Но при этом тег печатается как текст. На этот раз форматирование уценки перезаписывает CSS.

Так как же получить сочетание уценки и формата CSS? Раздел кода, где его шрифт красного цвета?

Помогите пожалуйста! Спасибо

Answer 1

Это часть синтаксиса уценки. Уценка не анализируется внутри строки HTML. Вам необходимо воссоздать элементы HTML самостоятельно.

Кроме того, вы не можете помещать элементы уровня блока в элемент встроенного уровня (например, <span>).

Используйте это:

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