# CSS 内联处理器是什么以及为什么需要它?
在开发现代网络应用程序时,我们习惯于分离关注点:HTML 构建结构,外部 CSS 文件提供所有视觉样式。但是,并非所有环境都信任外部样式表或全局<style> 标签。外部 CSS 最流行和最严格的失败用例是电子邮件模板开发。在这些环境中,确保字体、颜色或边距正确呈现的唯一可靠方法是直接嵌入标签中:<span style="color: red;">。# 电子邮件客户端中的 CSS 问题
微软 Outlook、Apple Mail 或 Gmail 等电子邮件客户端以其限制性的 CSS 渲染引擎而闻名。大多数过滤或丢弃<link> 或 <style> 标签,害怕可能破坏阅读界面的代码注入。# 此工具如何在您的浏览器中工作
- 安全解析:使用
DOMParser API将输入 HTML 临时转换为浏览器内的安全虚拟 DOM。 - 级联模拟:分析您的 CSS 规则,对选择器应用特异性权重,并通过注入代码来改变选定 HTML 元素的
style属性。 - 100% 离线:您的代码不会离开您的设备。对包含敏感内容的模板提供完全隐私。