javascript - 自定义 css 属性或部分 css 变量 shim

Question

我希望能够在我的 CSS 类中定义一些非标准属性，然后我的 javascript 在运行时可以使用 Window.getComputedStyle( ) 或 jQuery.css()。

这是为了允许在仪表板中的一些基于 SVG 的仪表中灵活地设置元素的主题，例如仪表针路径、径向刻度范围等。

此工具由 css-variables 规范提供，但目前仅在 firefox 中实现: http://dev.w3.org/csswg/css-variables/

我不需要 css-variables 规范的全部功能，因为变量只需要由我的 JavaScript 代码读取，而不是由标准的 css 属性读取。

任何人都可以建议一个垫片或实现它的方法吗？

谢谢。

Answer 1

看来您需要一个预处理器 CSS 库来完成您正在寻找的工作:我个人建议 SASS ，(与 GRUNT JS 一起)使用变量和更多。

如果您从未使用过这些新工具，乍一看它们似乎并不难，但需要尝试几次才能熟悉:所以，在这个article 您将对 SASS 如何提升您的开发工作流程有一个完整的解释。