我目前正在使用带有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;
}