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

kin*_*ine 16 css

我想以编程方式将样式表中的所有声明/属性(不是声明块本身,但每个块内的单个声明)排序为任意顺序.

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

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

#someid {
    font-size: 200%;
    background-color: #000000;
    color: #ffffff;
    padding: 4px 8px;
}
Run Code Online (Sandbox Code Playgroud)

我希望能够将其分类为:

#someid {
    padding: 4px 8px;
    color: #ffffff;
    font-size: 200%;
    background-color: #000000;
}
Run Code Online (Sandbox Code Playgroud)

有没有人知道一个工具,它允许我创建一个模板,定义我想要属性的确切顺序,然后应用它来实现类似上述的东西?或者通过TextMate捆绑包这么容易吗?

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

Hri*_*sto 2

您也许可以查看http://www.codebeautifier.com/。有很多选项可供您选择...

截屏

...但这不太适合您正在寻找的东西。还可以选择定义您自己的模板...

屏幕截图 2

...但是,我不太知道它是如何工作的。我希望这是有帮助的。