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

在我的网站上,我允许使用用户生成的样式表.但我不希望这些样式影响整个网站,只是一个单独的部分/ div.有没有办法做到这一点,没有通过整个自定义样式表并将我的div选择器添加到每个CSS规则？
例如,如果用户具有：

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

现在我必须解析它并替换为

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

不,不幸的是没有.没有相当于< base>的CSS标记或类似的限制CSS规则的范围.

您必须在每个规则前面加上要应用它们的元素,或者在iframe中加载用户样式的内容.