javascript - jQuery插件将样式限制在特定区域

Question

我正在寻找仅将样式应用于特定区域的东西：

<div class="showcase limited-styles">
    <style scoped type="text/css">/* some styles */</style>
    <!-- the actual content - only affected by the style definitions above -->
</div>

我已经找到了 jQuery Scoped，但由于某种原因它对我不起作用 - 所有其他样式也适用，因此使用最高可用的特异性并没有更好。

谢谢！

Answer 1

看来您可以通过“育儿”来实现这一目标

在您想要独立响应的所有元素周围抛出一个包含 div，然后将该 div 名称放在您尝试设置样式的其他 DOM 元素的前面。

Here is a fiddle for reference http://jsfiddle.net/3mx4L07t/