我有一個包含選擇標簽的頁面，該標簽允許使用一些javascript“動態”更改頁面的css 主題。現在，我想允許更改頁面中特定 html 元素的 css 樣式。例如，我有兩個“主題”樣式表：/* in red theme file 'theme_red.css' */.title{color:red;}.text{...}/* in blue theme file 'theme_blue.css' */.title{color:blue;}.text{...}我在頁面中有一些“選擇”標簽“更改主題”。這是一個極簡的例子，在實際情況中，“主題”html 元素的數量和樣式表的數量是模塊化的。我正在尋找創建一個像這樣的javascript函數：（純javascript ES6）loadCssThemeFileOnTheFlyForSpecificHtmlElement(idOfSpecificHtmlElement, themeName){    // 1) Insert a new link tag in the head of the page with href attribute "themeName + '.css'"    ...    // 2) for each css rules selector (of the css file ?), override the css selector rule like this :     // `.selector1` become `#idOfElement .selector1`    // `.selector2` become `#idOfElement .selector2`    // ...    // `.selectorN` become `#idOfElement .selectorN`}我陷入了函數的第2步insertCssFileOnTheFly。是否可以用一些 javascript 來做我想做的事情？我的意思是，是否可以循環當前頁面的 css 規則并向每個選擇器規則添加字符串“#idOfElement”？