将外部样式表应用于特定部分

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中加载用户样式的内容。