尝试在jqueryui范围的容器中使用非范围的jqueryui小部件

我的页面样式有一个限定范围的jquery ui主题

我想在这个布局中使用一个非范围的ui组件，用户将使用themeswitcher实用程序来定制他们的“自定义组件”的外观

像这样

<div class="my-theme">
    content and a bunch of widgets here

    <div class="unscoped-theme">
        i want this div to effectively ignore the 'my-theme' css
    </div>
</div> 

我也曾考虑过将unscoped主题移到“my theme”div之外，但这也造成了它自己的问题，试图将其定位在页面上

---

非常感谢您的帮助

您不能阻止继承级联，您只能在级联的后期或更具体的情况下覆盖它。所以

.my-theme{font-weight: bold}
.my-theme .unscoped-theme{font-weight: normal}