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

Question

有没有办法从CSS扩展选项文件访问本地存储？我可以使用JavaScript来设置一个我可以在CSS中访问的变量，或者本地存储是一个javascript专有的东西吗？如果是这样，我可以在没有本地存储的情况下为CSS设置选项吗？

Answer 1

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

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