通过Chrome扩展给YouTube注入Tailwind CSS后类名不生效的问题

• Tailwind CDN版的按需扫描机制限制：CDN版本的Tailwind会在脚本加载完成时，一次性扫描当前页面DOM中的所有类名并生成对应CSS规则。你先加载Tailwind脚本，之后才动态添加带类名的元素，新增类名不在初始扫描范围内，因此不会生成对应的样式规则。

• YouTube原有样式的优先级覆盖：YouTube自身的全局CSS对h1等标签或通用选择器设置了更高优先级的样式（比如更具体的选择器、!important声明），Tailwind的类选择器优先级不足以覆盖这些样式，导致视觉上看不到预期效果。

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