jquery - 尝试在 jquery-ui 作用域容器中使用非作用域 jqueryui 小部件

Question

我的页面样式有一个范围限定的 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> 

我也曾考虑过将无范围主题移到“我的主题”div 之外，但这会在尝试将其正确定位在页面上时产生问题

非常感谢任何帮助!!

Answer 1

您无法阻止继承级联，您只能覆盖它，要么在级联的后期，要么具有更高的特异性。所以……

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