首页 / 开发者工具 / 在线 CSS 内联工具
免费在线工具

在线 CSS 内联工具

将简单、平级的 CSS 规则转换为 HTML 行内样式;不同选择器匹配同一元素时明确拒绝转换。此工具无需安装,所有处理均在当前浏览器本地完成,不会上传输入内容或本地文件。

开始使用

在线 CSS 内联工具

将简单、平级的 CSS 规则转换为 HTML 行内样式;不同选择器匹配同一元素时明确拒绝转换。

浏览器解析 HTML 和 CSS,将全部 style 元素的文本与后面的额外 CSS 合并。同一选择器的规则按源码顺序累计,已有行内声明保留其行内优先级,并遵循 !important。无论保留还是删除 style 标签,结果始终是以 doctype 开头的完整文档。

仅转换平级样式规则。不同选择器文本若匹配同一元素,会报错停止,而不猜测选择器优先级。不展开 at-rule 或包含嵌套 CSS 的规则,不转换伪元素、计算样式或外链样式表。浏览器可能丢弃无效 CSS,并规范化 HTML。

每栏最多输入 500000 个 UTF-16 代码单元。所有匹配元素累计的规则文本、分隔符及原行内文本最多处理 4000000 个 UTF-16 代码单元,最终序列化输出也受同一上限约束。超限时请减少 HTML 元素或 CSS 声明后重试;这不代表任意输入的性能保证。

转换在本地使用粘贴的 CSS,不获取外链样式表。结果是文本,不是预览、下载功能或 HTML 清理器,不会移除脚本或危险标记。使用前请检查代码,并在目标浏览器或邮件客户端验证;不保证渲染保持不变。

<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>

此工具无需安装,所有处理均在当前浏览器本地完成,不会上传输入内容或本地文件。