将CSS属性排序为任意顺序？

Question

我想以编程方式将样式表中的所有声明/属性（不是声明块本身，但每个块中的各个声明）排序为任意顺序。

我已经能够在网上找到几种方法按字母顺序排序声明，或按字母顺序排序，甚至按字符串长度排序，但这对我没有帮助，因为那些排序方法基本上没有意义。相反，我想根据我个人对CSS规则的思考方式进行排序，首先放置结构声明，然后是文本声明，然后是背景声明，依此类推。

例如，如果不清楚，假设我有一个包含以下内容的样式表：

#someid {
    font-size: 200%;
    background-color: #000000;
    color: #ffffff;
    padding: 4px 8px;
}

我希望能够将其分类为：

#someid {
    padding: 4px 8px;
    color: #ffffff;
    font-size: 200%;
    background-color: #000000;
}

有没有人知道一个工具可以让我创建一个模板，定义我想要属性的确切顺序，然后应用它来实现类似上面的东西？或者通过TextMate包这么容易做到吗？

希望这不是一个荒谬的问题。 :)干杯！

Answer 1

您可以查看http://www.codebeautifier.com/。您可以选择一系列选项......

......但这并不适合你所寻找的东西。还可以选择定义自己的模板......

...但是，我不太清楚它是如何工作的。我希望这有用。

Answer 2

您可能会发现可以通过sass等项目执行此操作。