提问者:小点点

缩小CSS样式


我正在尝试取消缩放/取消合并我的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


共2个答案

匿名用户

如果您有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包,您可以格式化其他流行语言,如JavaScriptPythonRubySwift等。

我希望这就是你要找的。

匿名用户

尝试https://unminify.com/。不用安装,不用付费。复制、粘贴、弹幕:

null

.style1,
.style2,
.style3 {
    float: right
}

.style1 {
    border-radius: 15px
}

.style2 {
    border-radius: 0
}

.style3 {
    border-radius: 10px
}