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

前端之家收集整理的这篇文章主要介绍了将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/.有很多选择你可以选择…

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

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

猜你在找的CSS相关文章