核心是preflight全局重置和工具类默认全局生效，仅加prefix无效；必须关闭coreplugins.preflight: false、全程使用tw-前缀、子应用挂载到shadowroot，并为第三方库配置命名空间。
微前端下 Tailwind CSS 的样式污染，核心不是类名撞车，而是 @tailwind base 的 preflight 规则全局重置原生标签（如 button、h1），以及所有工具类默认全局生效——这两点让 Tailwind 成为“高危污染源”，光加 prefix 不够，必须组合隔离手段。
关掉 preflight 是刚需，不是可选项
Element Plus 按钮变透明、Naive UI 标题字号异常，90% 源于 @tailwind base 里这段：
button, [type='button'] { background-color: transparent; }
它不依赖类名，prefix: 'tw-' 完全无效。必须在 tailwind.config.js 中显式关闭：
corePlugins: { preflight: false }- 改完后必须重启开发服务器（Vite/HMR 不会自动重建 preflight CSS）
- 关掉后，
img恢复display: inline，h1回归浏览器默认字号，UI 库才有渲染基础
prefix: 'tw-' 必须全程手动对齐
prefix 只影响 JIT 编译出的工具类（如 tw-p-4），但不会改你写的 .my-button，更不会碰 el-button 或 n-card。漏一处就失效：
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- HTML/JSX 中所有 Tailwind 类必须加前缀：
class="tw-flex tw-text-lg"，不是class="flex text-lg" - 动态拼接时也得严格：
className={`tw-p-4 ${isOpen ? 'tw-hidden' : 'tw-block'}`} - 错误写法：
prefix: 'tw'（缺短横线）→ 生成twtext-lg，非法类名；prefix: 'tw- '（末尾空格）→ 构建失败
子应用必须走 Shadow DOM，不能靠 scoped 或 prefix 隔离
Vue 的 <style scoped></style>、CSS Modules、甚至 prefix 都只是“降低冲突概率”，浏览器仍统一计算层叠优先级。唯一能切断样式链的是 attachShadow({ mode: 'closed' })：
- 子应用挂载目标必须是
shadowRoot：Vue 用createApp(App).mount(shadowRoot)，React 用createRoot(shadowRoot).render() - 绝不能挂到
document.body或普通<div id="subapp">，否则所有样式逃逸到全局<li> <code>mode: 'closed'下el.shadowRoot返回null，但 DevTools 可查#shadow-root；mode: 'open'等于没隔离 - 子应用内
<link rel="stylesheet">会被注入到 shadowRoot 外，必须用 JS 手动创建<style></style>并 append 到shadowRoot - Element Plus 初始化时传
{ namespace: 'ep' }，SCSS 变量同步覆盖$namespace: 'ep'，确保产出.ep-button - Ant Design Vue 用
{ prefixCls: 'my-ant' }，产出.my-ant-btn - 检查构建产物：打开 DevTools，搜索
.ep-button和.tw-p-4，确认二者真实存在，且无裸露的.el-button或.p-4 - Vite 子应用禁用
qiankun.experimentalStyleIsolation——它劫持不到 Vite 的 CSS 注入路径，纯属无效
第三方 UI 库必须加命名空间，且和 Tailwind 隔离解耦
Element Plus 的 el-button、Ant Design Vue 的 ant-btn 和 Tailwind 的 tw- 类完全无关，它们共存于同一 document，照样打架：
真正落地时最容易被忽略的是三件事：preflight 关了但没重启服务、HTML 里漏了一个 tw-、子应用挂载点没进 shadowRoot。这三处任一缺失，样式污染就会照常发生，而且问题往往延迟暴露——比如上线后某个按钮突然透明，排查起来要翻完整个样式链。
