📖 常见问题 (FAQ)
❓ 什么是CSS内联样式？为什么需要将CSS转换为内联？
CSS内联样式是指将样式属性直接写在HTML元素的style属性中，而不是写在单独的<style>标签或外部CSS文件中。邮件客户端（如Outlook、Gmail）通常不支持或部分支持<style>标签和类选择器，因此邮件HTML必须使用内联样式才能正确显示。本工具自动完成这个转换过程，让你可以先用标准的CSS类编写样式，然后一键转换为邮件兼容的内联格式。
❓ CSS转内联转换器支持哪些CSS选择器？
本工具支持类选择器（.class）、ID选择器（#id）、标签选择器（div、p等）、后代选择器（.parent .child）、子选择器（.parent>.child）、伪类（:hover、:focus）以及媒体查询（@media）中的样式。注意：伪类（如:hover）无法转为内联样式，但工具会保留这些规则在<style>标签中作为渐进增强。
❓ 转换后的HTML可以直接用于邮件营销吗？
可以。转换后的HTML中所有样式规则都已转为内联style属性，兼容主流邮件客户端（Gmail、Outlook、Apple Mail、Yahoo Mail等）。但为了最佳兼容性，我们建议：1）使用表格布局而非div布局；2）避免使用Flexbox和Grid布局；3）图片使用绝对路径的URL；4）在发送前使用邮件测试工具（如Litmus、Putsmail）进行预览。
❓ CSS转内联会影响原有HTML结构吗？
不会。本工具只处理样式部分，不会改变HTML的DOM结构、文本内容或元素顺序。原有的<style>标签和类引用会被保留，同时每个元素会根据其匹配的CSS规则获得新的style属性。如果同一个CSS属性在内联样式和<style>中都有定义，内联样式优先级更高（符合CSS层叠规则）。
❓ 转换器如何处理CSS优先级（权重）冲突？
工具遵循CSS层叠规则计算样式权重。当多个选择器匹配同一个元素时，权重高的选择器生效（如#id > .class > div）。如果权重相同，后定义的规则覆盖前面的。转换后，每个元素的style属性包含所有匹配规则的最终计算值，确保在不同邮件客户端中表现一致。