пытается использовать незаданные виджеты jqueryui в контейнере jquery-ui

Question

У меня есть тема jquery 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 "my-theme", но это создает собственные проблемы, пытаясь расположить ее прямо на странице

любая помощь с благодарностью !!

Answer 1

Вы не можете предотвратить каскад наследования, вы можете только перезаписать его, либо позже в каскаде, либо с большей специфичностью.Итак ...

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