Aptana 中的自定义 CSS 代码格式

Question

在 Aptanastudio 3 中。 CSS 格式化程序格式如下：

H1 {
 color: white;
 background: teal;
 FONT-FAMILY: arial, helvetica, lucida-sans, sans-serif;
 FONT-SIZE: 18pt;
 FONT-STYLE: normal;
 FONT-VARIANT: normal
}

我正在尝试编辑它以编写这样的代码（全部在一行中）：

H1 { color: white; background: teal; FONT-FAMILY: arial, helvetica, lucida-sans, sans-serif; FONT-SIZE: 18pt; FONT-STYLE: normal; FONT-VARIANT: normal}

在 CSS 格式化程序选项下，我可以编辑逗号、分号等之间的空格。 ..但我找不到如何编辑代码以使其看起来像我想要的那样。

Answer 1

当您键入H1 {} 而不是在它自动完成时按回车键时，只需开始输入您的规则即可。也不要依赖（或使用）自动格式化程序。除了极少数例外（Aptana 不是其中之一，我喜欢用于 Web 应用程序的 Aptana 并且每天都在使用它）代码的自动格式化程序不会完全按照您的意愿执行。

我强烈建议不要按照自己的意愿编写 CSS。第一种方式是更更容易阅读。大多数托管解决方案甚至许多框架（例如 Rails）都会为您缩小代码。即使你没有，你也可以很容易地自己缩小它。

开发时：“可读性 = 可维护性”总是比这里和那里节省的几个字节更有价值。