CSS 内联器
在本地将简单的内嵌和粘贴 CSS 写入 HTML style 属性，按优先级、顺序及 !important 合并。仅输出文本，不渲染预览。
CSS 内联器
仅支持由元素名、.类名和 #ID 构成的简单复合选择器及逗号列表，如 p.note、#title。不支持组合符、伪类、属性选择器、at-rule、嵌套、自定义属性或简写声明；不支持的规则会使转换失败。限制：总输入 100,000 字符、2,000 元素、500 规则、规则累计匹配 5,000 元素。内嵌 style 块先于附加 CSS，现有内联样式优先，但样式表 !important 可覆盖普通内联样式。HTML 在惰性 template 解析，不挂载、不执行；输出未消毒，使用前须检查。不加载外部样式表。 仅接受 HTML 片段，不接受完整 HTML 文档或嵌套 template。浏览器解析可能规范化标记。仅接受列出的属性。拒绝 CSS 变量及含分号、花括号或 @ 的值。
支持的 CSS 属性
color, background-color, font-size, font-family, font-weight, font-style, line-height, text-align, text-decoration-line, text-decoration-color, text-decoration-style, letter-spacing, word-spacing, display, width, height, max-width, min-width, max-height, min-height, vertical-align, opacity, white-space, border-collapse, border-spacing, list-style-type, list-style-position; margin-top/right/bottom/left; padding-top/right/bottom/left; border-top/right/bottom/left-width/style/color
就绪。输入只在当前浏览器处理。
使用步骤
如何使用
- 粘贴 HTML 和可选 CSS。
- 内联受支持的规则。
- 复制并检查 HTML 文本。
CSS 内联器
仅支持由元素名、.类名和 #ID 构成的简单复合选择器及逗号列表，如 p.note、#title。不支持组合符、伪类、属性选择器、at-rule、嵌套、自定义属性或简写声明；不支持的规则会使转换失败。限制：总输入 100,000 字符、2,000 元素、500 规则、规则累计匹配 5,000 元素。内嵌 style 块先于附加 CSS，现有内联样式优先，但样式表 !important 可覆盖普通内联样式。HTML 在惰性 template 解析，不挂载、不执行；输出未消毒，使用前须检查。不加载外部样式表。 仅接受 HTML 片段，不接受完整 HTML 文档或嵌套 template。浏览器解析可能规范化标记。仅接受列出的属性。拒绝 CSS 变量及含分号、花括号或 @ 的值。
常见问题
你可能还想知道
支持范围与限制是什么？
仅支持由元素名、.类名和 #ID 构成的简单复合选择器及逗号列表，如 p.note、#title。不支持组合符、伪类、属性选择器、at-rule、嵌套、自定义属性或简写声明；不支持的规则会使转换失败。限制：总输入 100,000 字符、2,000 元素、500 规则、规则累计匹配 5,000 元素。内嵌 style 块先于附加 CSS，现有内联样式优先，但样式表 !important 可覆盖普通内联样式。HTML 在惰性 template 解析，不挂载、不执行；输出未消毒，使用前须检查。不加载外部样式表。 仅接受 HTML 片段，不接受完整 HTML 文档或嵌套 template。浏览器解析可能规范化标记。仅接受列出的属性。拒绝 CSS 变量及含分号、花括号或 @ 的值。