重新排列格式 CSS

Question

在 sublime text 中我们可以格式化 CSS https://packagecontrol.io/packages/CSS%20Format

但除了这种格式之外，我还希望能够更改顺序。

示例，来自

div{
    text-transform:uppercase;
    font-size:1.8em;
    font-weight: bold;
    height:20px;
    width:40px;
    display: block;
    padding: 0.8em 0 0.8em 0;
    text-align: center;
}

到

div{
    width:40px;
    height:20px;
    display: block;
    padding: 0.8em 0 0.8em 0;
    font-size:1.8em;
    font-weight: bold;
    text-align: center;
    text-transform:uppercase;
}

发生的事情是它将项目分组为预定义的（对我来说合乎逻辑的）顺序。是否可以使用 Sublime-text 来做到这一点，如果不能，也许可以使用其他编辑器？

Answer 1

如果你使用 sublime text 你可以使用 css comb plugin

它允许您通过 CSScomb -> Sort Order 在您的偏好中更改顺序到您喜欢的方式。

n.b。还有一个grunt plugin for css comb too

重新排列格式 CSS

Format CSS with rearrangement

css

sublime-text-plugin