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

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

我已经能够在线查找几种按字母顺序排序声明的方法,或按字母顺序排列,甚至是字符串长度,但这对我来说无益,因为这些排序方法基本上没有意义。相反,我想根据我个人认为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捆绑来实现吗?

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

解决方法

你可以看看 http://www.codebeautifier.com/.有很多选择你可以选择…

…但是不太适合你要找的东西。还可以选择定义自己的模板…

但是,我不太清楚它是如何工作的。我希望这是有帮助的。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效