CSS 嵌套转扁平

CSS 嵌套转扁平

将嵌套 CSS / SCSS 风格代码展开为扁平的 CSS 规则,兼容旧浏览器

展开结果
—
💡 提示:CSS 原生嵌套已获现代浏览器支持,但旧版浏览器(如旧版 Safari、IE)无法识别。本工具将嵌套规则展开为扁平的普通选择器,兼容性最好。
· 支持 & 父选择器引用;
· 支持 @media、@supports 嵌套并自动提取到外层;
· 支持「属性声明 + 子规则」混排;
· 暂不支持 @mixin、变量等 SCSS 特性。