如何将列表光盘应用于Markdownit渲染的ul



我目前正在使用带有Tailwind和@Nuxtjs/markdownit的Nuxtjs。

我正在像这样注入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时,什么都不会发生。

我遇到了和您相同的问题:list-disc似乎对标记没有任何作用。

似乎解决了这个问题的是在规则中添加一个列表:

ul {
@apply list-inside list-disc;
}

最新更新