KEEL · 龙骨 · A CURRICULUM FOR THE AI ERA

组件与样式:两套样式方案为什么会在同一个按钮上打架 — keel 龙骨

组件与样式 的参考信息:组件与样式:两套样式方案为什么会在同一个按钮上打架

antd 的样式是运行时生成的,Tailwind 的是构建期生成的。两套东西在同一个页面上相遇时,你写的类名可能一个字都没生效、也可能生效了却看不见——而浏览器不会告诉你为什么。这门课把"谁生成、什么时候进文档、选择器长什么样、谁赢"这四件事逐条量出来:StyleProvider layer 到底把哪些规则放进了层(哪些没放)、怎么用一个 22 行的探针逆推胜出的那条规则、@source 扫不到源码时页面会表现成什么样。全部结论来自真实浏览器与真实 CLI,每个字节数、每条选择器、每个 computed 值都可复现。

开始阅读:课程导读

进入 keel 阅读