Nuxt ui(tailwindcss) 如何避免全局css样式污染

tailwindcss 去掉全局样式
前端技术

问题复现

代码

<h3 id="直接上代码" data-v-md-heading="直接上代码" data-v-md-line="1"><a href="#直接上代码">直接上代码</a></h3>

渲染效果

Description

问题分析

很明显H3标签渲染效果不对,原因是我的博客使用了nuxt ui 框架,而nuxt ui框架使用了tailwindcss,tailwindcss导致样式污染,而作为博客项目,博客都是动态的,从后台获取的,渲染之后导致css样式不对,代码不高亮等等原因

解决方案

只需要加上class=“prose” 就可以解决这个问题


        <div class="prose">
          <MDC :value="article.content" tag="article"/>
        </div>
bigcong