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

Mak*_*Vi. 3 css css-selectors

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

a, span{color:white;}
div{padding:10px;}
Run Code Online (Sandbox Code Playgroud)

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

#mySection a, #mySection span{color:white;}
#mySection div{padding:10px;}
Run Code Online (Sandbox Code Playgroud)

Pek*_*ica 7

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

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

  • @negative:这取决于你的"修改后的'选择器"解析的强大程度.例如,它能够很好地抵御这类东西*(例如)*:http://centricle.com/ref/css/filters/ - 这取决于你对停止*恶意用户*的关注程度坏. (2认同)