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

Question

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

Answer 1

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

在 CSS 中动态设置选项的唯一方法是更改​​ HTML 的状态（更改类名等），或者通过JS动态添加样式表规则，或者通过 JS element.style.prop = 'prop'、.