X是CSS对Javascript的GWT;什么是X？

Question

是否有一种结构化语言以合理的方式声明样式，然后可以将其呈现为特定于浏览器的css文件，类似于GWT对Javascript的作用？

理想情况下，它是一种支持变量，处理浏览器怪癖和差异的语言（例如过滤器：alpha与不透明度），为常见任务（如居中）提供直观的语法，并且有一种方法可以为功能较少的浏览器表达回退

Answer 1

Sass，就像在Haml和Sass中有一些你正在寻找的东西。 它有变量，数学和其他好东西。

官方版本基于Ruby，但有其他语言版本，如PHP和Python。

你提到的可能不会这么做，但是值得一试。

Answer 2

GWT能够动态生成代码，并且它具有强大的“延迟绑定”功能，可以肯定地应用于样式表，并允许CSS的构建时优化。

现在，根据样式，“GWT方式”包括您需要的所有样式，并使用“依赖样式名称”来应用它们。但这肯定会导致无用的CSS被丢失在不需要的地方。

我知道至少有一次尝试在构建时优化CSS。这将涉及将多个单独的样式表合并为一个，并删除所有非必要的空格（缩小）。我认为这也可能允许你使用deffrred绑定来从不需要的地方“优化”CSS（例如：浏览器特定的样式）。

StyleInjector

Answer 3

回答我自己的问题（再次）：Less似乎是迄今为止最有趣的项目之一。 CSS扩展支持变量，mixins（复杂变量），嵌套规则和简单算术。

Answer 4

您可能想尝试HSS。

Answer 5

感谢您的评论！ Sass和HSS在范围上看起来非常相似：简单和块变量，嵌套块，单行注释。 HSS具有成为CSS超集的优势。

StyleInjector看起来更有野心和有趣。通过利用GWT的延迟绑定功能并引入类似条件的CSS语法扩展，这种方法不仅可以轻松定义特定于浏览器的特定样式，还可以定义特定于语言环境的样式。还能够直接引用其他GWT资源，并通过删除和合并选择器自动最小化样式非常酷。我肯定会密切关注这个项目。