什么'；自动组织或按字母顺序排列CSS属性的最佳工具是什么？

我正在寻找一种方法来自动组织（按字母顺序或任何其他公认的“标准”）我的所有CSS属性。我更喜欢Dreamweaver中的一种方法，但现在我愿意接受任何东西

例如：

.div-name {
padding: 5px;
width: 300px;
margin: 10px;
color: #000;
}

将转换为：

.div-name {
color: #000;
margin: 10px;
padding: 5px;
width: 300px;
}

试试这个：

我没用过它，但它似乎是按照你说的做的

---

鲍勃

我个人认为这没什么用，但那只是我自己。我根据重要性使用自己的层次结构，并在整个样式表中保持一致。每个人对此可能有不同的偏好。我个人喜欢先做任何位置格式化，然后是布局参数，然后是大小调整，然后是颜色和其他文本格式化属性

这使我能够快速识别和编辑最重要的属性，那些可能影响布局的属性对我来说是最重要的

这里是一个总结：

1.位置格式，如

显示

，

位置

。。。因为这会极大地影响布局

2.布局，如

边距

或

填充

。。。同上

3.大小调整，如

宽度

，

高度

或

字体大小

。。。这有能力影响布局

---

4.颜色和文本格式，如

颜色

，

背景色

，

字母间距

或

文本转换

是一个可执行的PHP脚本，您可以使用它来进行类似的格式更改（以及优化）。事实上，前面提到的cleancss.com是“基于”这个工具的。

试试看。这个工具对css进行分类和分组，并为各种各样的代码编辑器提供插件。您可以试试。

我使用visual studio 2010，此扩展允许您对css进行注释，并按字母顺序排列css和其他一些非常方便的工具

---

这可不好，CSS代表层叠样式表，这意味着顺序很重要这是一个令人头痛的问题，从来没有听说过这样的工具！我知道一个很好的源代码格式化程序，但它不能对元素进行排序@Eric他指的是自己排序属性。他想排序属性，而不是选择器声明。@BoltClock不要忘记特定于浏览器的css-moz&-webkit属性。通常我按字母顺序处理标准属性，然后是非标准属性（即

边框：1px；边距：3px；-moz边框半径：5px；边框半径：5px；

）@BoltClock像

{background:#f00；background:rgba（255，0，0，0.5）}

这样的东西怎么办呢。这样的算法不应该对同一属性的多个声明进行排序。。。这是唯一的限制对吧？当然。这可能是真的。但我需要一个工具来组织我的属性，即使它是自定义层次结构。手工组织成千上万的财产是非常麻烦的。明白了，谢谢你的回答：）我的工具中也有类似的方法，但是，我很难想象它在一个规模大于1的团队中是可行的（严格遵循它）：@ArturBeljajev绝对正确。顺便说一句，这是在2010年，当时像LESS和SASS这样的工具还很年轻，有点笨重。我会考虑发布一个编辑。三明治，现在有什么不同？我如何从SASS中获益以解决问题？我在前端的知识可能已经过时了。用于Gulp.js@KonstantinTarkus的CSScomb插件太棒了！这个工具现在似乎是404。@Johannes现在试试这个，可惜链接不再工作了；域名正在出售中。虽然这里似乎有一个活动的存储库：有人更新了网站，使CSS格式化程序很难找到。这里有一个直接链接：