如何将 list-disc 应用于 Markdownit 呈现的 ul？

Posted 2023-03-07

【中文标题】如何将 list-disc 应用于 Markdownit 呈现的 ul？

【英文标题】：How to apply list-disc to ul rendered by Markdownit?

【发布时间】：2021-02-13 12:41:24

【问题描述】：

我目前正在将 Nuxtjs 与 Tailwind 和 @nuxtjs/markdownit 一起使用。

我是这样注入 Markdown 的：

<div v-html="$md.render(myMarkdownString)" class="styled"></div>

我在上述myMarkdownString 中有一个列表，并且已经应用​​了一些可以正常工作的样式。像这样：

.styled >>> strong,
.style >>> a 
  @apply text-black font-bold;


.style >>> ul 
  @apply bg-gray-200;

但是当我使用@apply list-disc 时，什么都没有发生。

【参考方案1】：

我遇到了和你一样的问题：list-disc 似乎对标记没有任何作用。

似乎解决此问题的方法是添加 list-inside 规则：

ul 
  @apply list-inside list-disc;