Question

如何自动对现有CSS文件中的属性进行排序？有什么方法可以通过Excel或其他方式来做到这一点？我想为任何CSS文件声明我自己的属性顺序。是的，我知道它可能会破坏代码。

例如：

.selector {
  /* Positioning */
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;

  /* Display & Box Model */
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  padding: 10px;
  border: 10px solid #333;
  margin: 10px;

  /* Color */
  background: #000;
  color: #fff
  
  /* Text */
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-align: right;

  /* Other */
  cursor: pointer;
}

Answer 1

尝试以下步骤，假设CSS文件很简单，并且没有像嵌套等更大的东西。

将CSS文件另存为纯文本文件。
将文本文件导入Excel，每行成为一行。而导入，使用：作为列分隔符，使属性和价值进入不同的列。最好删除没有的行例如，有一个冒号，＆＃39;选择器＆＃39;等等，稍后再添加，排序后。
导入后，使用Excel的数字生成器功能即可 S.No.或Row.Id每行（这样，任何事情发生，你可以总是把它整理回来。）
在Excel中再添加一列，以指示＆＃39;类别＆＃39;由...定义你，比如，定位，展示等。
根据您标记每行适合的类别。
现在按两列排序，首先按类别排序，然后按行标识。
如果您删除了任何标题，例如＆＃39;选择器＆＃39;等，添加回来制作有效的CSS文件。将文件另存为CSS。

如何按组对CSS文件中的属性进行排序？

1 个答案: