【CSS】部分div禁用tailwindcss

部分div禁用tailwindcss

• 添加css

/* 禁用tailwind */
.reset-tailwind,
.reset-tailwind * {
  all: revert;
}

• 示例

<template>
  <div class="flex h-screen flex-col bg-white">
    <div class="reset-tailwind">
      <h1 class="rrr">你好</h1>
      <em>123132</em>
    </div>
  </div>
</template>

<style scoped>
.reset-tailwind,
.reset-tailwind * {
  all: revert;
}
.rrr {
  color: yellow;
}
</style>