修复 CSS 文件：规则上的冒号后有空格，而不是选择器（Sublime Text 2）答案

【问题标题】：Fix a CSS file: space after colon on rules but not selectors (Sublime Text 2)修复 CSS 文件：规则上的冒号后有空格，而不是选择器（Sublime Text 2）
【发布时间】：2012-09-19 21:01:07
【问题描述】：

好的——我有一个巨大的 css 文件，继承自另一个设计师。我正在清理它。我需要做的一件事是在冒号后为规则添加一个空格，而不是选择器。即：

.selector:after {
foo: bar;
}

我在 foo: 之后添加一个空格，但不是在 .selector 之后（在 selector: 和之后）。

我假设有一种比查找/替换和手动/直观地跳过选择器冒号更简单的方法，但我们不胜感激。

【问题讨论】：

CSS prettifier
您必须使用正则表达式来查找}，然后在结束} 之前找到:'s。我无法编写正则表达式，但这就是您所需要的。或者美化器应该从上面工作，因为它是在我打字时发布的。
好的，成功了！（ProCSSr）。太棒了！

标签： css sublimetext2

【解决方案1】：

为什么创建一个正则表达式会很好用。我认为最简单快捷的方法是简单地使用 IDE 的查找和替换在每个冒号后添加一个空格，然后再次使用查找和替换从伪类中删除空格。由于可能只使用了大约 8 个不同的伪类，因此应该不会花很长时间对每个伪类执行查找替换。

【讨论】：

实际上，我很想这样做。我在使用 ProCSSor 时遇到问题，因为我继承的文件超过 6000 行，而 ProCSSor 似乎在 1300 左右之后停止。我已经联系过他们（我通过应用商店购买了该应用，5 美元太划算了，我想支持优秀的应用）。所以到目前为止我还没有彻底解决这个问题。

【解决方案2】：

我最终使用了ProCssor，这太酷了，感谢 SteveAx。

【讨论】：

哦，没那么快。如上所述，我的 6000 行 css 文件没有通过，处理器停止在 1300 左右。叹息。

【解决方案3】：

这在 Sublime 文本中大约需要 5 秒，我会这样做：

用光标突出显示:
alt+f3 选择冒号的所有实例
按右箭头键跳转到冒号右侧
添加空格

如果您想“规范化”并确保冒号后没有双空格，只需在其中一个冒号后添加两个空格，然后按 alt+f3 选择它的所有实例并更正它。

【讨论】：