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

标签 javascript html css

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

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

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

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

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

谢谢。

最佳答案

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

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

关于javascript - 自定义 css 属性或部分 css 变量 shim,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27421833/

相关文章:

css - 拉伸(stretch)/收缩父 div 以适应内容的宽度

css - 响应式 CSS 不适用于不同的设备

javascript - 让 "submit"按钮响应按键而不是单击

javascript - 从 JSON 文件中获取特定信息

javascript - Mongoose - 如果不存在则创建文档,否则,更新 - 在任何一种情况下都返回文档

php - 从父文件夹链接样式表

html - CSS 下拉菜单,将嵌套的 UL 对齐到父 LI 的右边缘

javascript - 卸载 React 时删除事件监听器

javascript - 创建表映射的问题

ios - 在移动设备中使用正则表达式模式的 html5 输入类型编号