Vue项目style标签样式失效求助（TailwindCSS+Markdown场景）

• 改用Tailwind的@layer base注入基础样式
  直接在你的Tailwind CSS入口文件（比如tailwind.css）中添加以下代码：

  @layer base {
    h1, h2, h3, p {
      all: revert;
    }
  }
  

  Tailwind会将@layer base内的样式整合到自身的基础样式层级中，优先级更高，不会被页面刷新或开发热更新覆盖，能稳定生效。

• 禁用Tailwind的默认基础样式重置（按需使用）
  若你不需要Tailwind自带的浏览器样式重置，可以在tailwind.config.js中关闭预飞行（Preflight）功能：

  module.exports = {
    corePlugins: {
      preflight: false,
    },
  }
  

  这样Tailwind不会清除浏览器默认样式，无需额外添加all: revert，但可能会影响其他Tailwind组件的样式一致性，需谨慎使用。

• 排查开发服务器缓存问题
  部分开发服务器会缓存CSS资源，导致样式更新不及时。可以尝试：

  • 使用Ctrl+Shift+R强制刷新浏览器，跳过缓存加载最新样式
  • 重启开发服务器，确保样式文件被重新编译并加载

内容的提问来源于stack exchange，提问作者Mat