C
Clay_Tank
Hi alle zusammen,
ich brauch mal wieder eure Hilfe! Ich mache grad ein JavaScript UI Dialog, der auf ein Webapp soll. Nun habe ich aber das Problem, dass der User selbst erstellte Templates einfügen kann, die z.B. Elementselektoren enthalten können (h1 {...}, div {...}, usw.), die meine Formatierung überschrieben. Der UI Dialog ist ein div Element das über eine Klasse formatiert wird (id geht nicht da auch mehrere Dialoge gleichzeitig erscheinen können). Ich kann zwar über .ui_dialog div, h1, h2, h3, p, ul {...} usw. alle Styles für diesen Bereich reseten, jedoch überschreibt dann dieser Reset die auch die eigentlich gewollte Formatierung, z.B. über .ui_dialog .text {...}. Jemand eine Idee, was man da tun kann? Ich weiß das man die CSS Anweisung !important verwenden kann, ist aber eher unpraktische wenn man ca. 40 Klassenformatierungen hat ...
Vielen Dank für eure Hilfe im Voraus!
ich brauch mal wieder eure Hilfe! Ich mache grad ein JavaScript UI Dialog, der auf ein Webapp soll. Nun habe ich aber das Problem, dass der User selbst erstellte Templates einfügen kann, die z.B. Elementselektoren enthalten können (h1 {...}, div {...}, usw.), die meine Formatierung überschrieben. Der UI Dialog ist ein div Element das über eine Klasse formatiert wird (id geht nicht da auch mehrere Dialoge gleichzeitig erscheinen können). Ich kann zwar über .ui_dialog div, h1, h2, h3, p, ul {...} usw. alle Styles für diesen Bereich reseten, jedoch überschreibt dann dieser Reset die auch die eigentlich gewollte Formatierung, z.B. über .ui_dialog .text {...}. Jemand eine Idee, was man da tun kann? Ich weiß das man die CSS Anweisung !important verwenden kann, ist aber eher unpraktische wenn man ca. 40 Klassenformatierungen hat ...
Vielen Dank für eure Hilfe im Voraus!
