en essayant d'utiliser des widgets jqueryui non-délimités dans un conteneur scindé jquery-ui

Question

J'ai un thème jquery ui portée pour le style de ma page.

Je veux utiliser un composant ui sans portée au sein de cette disposition (l'utilisateur utilisera l'utilitaire themeswitcher pour personnaliser l'apparence de leur « composant personnalisé ».)

comme celui-ci

<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> 

i J'ai aussi pensé à simplement déplacer le thème non-délimité en dehors de la div "my-theme", mais cela crée ses propres problèmes en essayant de le positionner directement sur la page

toute aide grandement appréciée !!

Answer 1

Vous ne pouvez pas empêcher la cascade d'héritage, vous ne pouvez l'écraser que plus tard dans la cascade ou avec une plus grande spécificité. Donc ...

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