自定义 css 属性或部分 css 变量填充程序

Custom css properties or partial css-variables shim

本文关键字：css 变量填充程序属性自定义更新时间：2023-09-26

>我希望能够在我的CSS类中定义一些非标准属性，然后我的javascript可以在运行时以与使用Window.getComputedStyle（）或jQuery.css（）的标准完全相同的方式和优先级来获取这些属性。

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

这个工具由css变量规范提供，但目前只在Firefox中实现：http://dev.w3.org/csswg/css-variables/

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

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

谢谢。

似乎你需要一个预处理器CSS库来完成你正在寻找的工作：我个人建议使用变量的SASS（以及GRUNT JS）等等。

如果您从未处理过这些新工具，起初它们似乎并不难，但需要尝试几次才能熟悉：因此，在本文中，您将全面解释 SASS 如何提升您的开发工作流程。