CSS 转 JS 样式对象

粘贴一段 CSS 规则，工具会把它转换成 JavaScript 中的样式对象：选择器成为对象键，属性名转换为 camelCase（如 background-color → backgroundColor）。可直接用于 React 的 style 属性或 CSS-in-JS 场景。全部处理在浏览器本地完成。

CSS 代码等待输入

支持多条规则；暂不支持 @media、嵌套选择器等复杂语法。

JS 样式对象

规则数—

属性数—

生成结果—

粘贴 CSS 后点击「转换为 JS 对象」，结果将显示在这里。

转换结果仅供参考，请自行确认数值单位与厂商前缀的写法。

转换规则说明

选择器作为对象键，属性名转为 camelCase。
background-color → backgroundColor。
厂商前缀 -webkit-xxx → WebkitXxx。
属性值统一使用单引号字符串。
多条规则以对象数组输出，便于逐个使用。