使用 chrome 扩展时访问 CSS 中的本地存储？

【问题标题】：Accessing local storage in CSS when using a chrome extension?使用 chrome 扩展时访问 CSS 中的本地存储？
【发布时间】：2017-07-05 02:47:39
【问题描述】：

有没有办法从带有 CSS 的 chrome 扩展选项文件访问本地存储？我可以使用 javascript 设置我可以在 CSS 中访问的变量，还是本地存储是 javascript 专有的东西？如果是，有没有办法在没有本地存储的情况下为 CSS 设置选项？

【问题讨论】：

【解决方案1】：

localStorage 只能通过 JS 访问。您不能在 CSS 文件中进行动态查询，因为它们大部分是完全静态的（这已经改变了一些新的 CSS 属性，例如变量等），但您仍然不能调用不是导入资源的数据。

您可以在 CSS 中动态设置选项的唯一方法是更改 HTML 的状态（更改类名等），或者通过 JS 使用 adding stylesheet rules dynamically，或者通过 JS 进行简单的样式操作，element.style.prop = 'prop'。

【讨论】：