將外部樣式表應用到特定區域

Question

在我的網站上，我允許使用用戶生成的樣式表。但我不希望這些風格影響整個網站，只是一個單獨的部分/ div。有沒有辦法做到這一點，沒有通過整個自定義樣式表並將我的div選擇器添加到每個css規則？ 例如，如果用戶有：

a, span{color:white;} 
div{padding:10px;} 

現在我必須分析它和替換

#mySection a, #mySection span{color:white;} 
#mySection div{padding:10px;} 

Answer 1

不，很不幸，沒有。沒有相當於<base>標籤或類似的CSS將限制CSS規則的範圍。

您必須在每個規則中添加要應用它們的元素，或將用戶樣式的內容加載到iframe中。