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

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