我正在尝试取消缩放/取消合并我的CSS样式。我有一个style.css文件,里面有很多合并的样式,比如:
.style1,.style2,.style3{float: right}.style1{border-radius: 15px}.style2{border-radius: 0}.style3{border-radius: 10px}
我试图把它转换成的是:
.style1{float: right;border-radius: 15px}
.style2{float: right;border-radius: 0}
.style3{float: right;border-radius: 10px}
我如何取消合并缩小的css样式以获得这样的输出?我已经尝试了几个CSS美化器和缩小器,但它们并不完全是我所需要的。
UPD:这里是解决方案:codeBeautifier.com。要获得与上面示例相同的输出,请打开此页面,找到重新分组选择器
,将其设置为仅分离选择器(拆分在,)
,粘贴您的CSS,然后点击处理CSS
如果您有atom
文本编辑器,则可以使用atom-beautify
。到包的链接是https://atom.io/packages/atom-beautify。它将代码格式化为组织良好的结构。
在缩小的CSS
中,它将其格式化为如下所示
.style1 {
float: right;
border-radius: 15px;
}
.style2 {
float: right;
border-radius: 0;
}
.style1 {
float: right;
border-radius: 10px;
}
使用该atom包,您可以格式化其他流行语言,如JavaScript
、Python
、Ruby
、Swift
等。
我希望这就是你要找的。
尝试https://unminify.com/。不用安装,不用付费。复制、粘贴、弹幕:
null
.style1,
.style2,
.style3 {
float: right
}
.style1 {
border-radius: 15px
}
.style2 {
border-radius: 0
}
.style3 {
border-radius: 10px
}