使用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'直接操作樣式。