Я хочу использовать внешний файл 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 квазар разработчик ```

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

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

Помоги пожалуйста! благодаря

0
kzaiwo 28 Апр 2020 в 10:22
Воспроизводимый пример приветствуется.
 – 
Alexandre Elshobokshy
28 Апр 2020 в 10:28

1 ответ

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

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

Использовать это:

<pre markdown="1" class="font-red"><code>bash
quasar dev</code></pre>
0
D. Pardal 28 Апр 2020 в 10:32