Schmiede-Viewer CSS bricht Site-Stile

Question

Wir müssen CSS-Datei für Schmiede-Viewer enthalten, aber es bricht unsere eigenen Site-Stile. Zum Beispiel: - schmieden CSS Alertify Stile enthält (sie überschreibt unsere eigene Alertify Stile) - schmieden CSS hat Stil für „# Schließen“ - das zeigt unsere enge Tasten - etc

Das kann man vorschlagen, diese zu lösen kritisches Problem?

Answer 1

CSS-Kollisionen können leicht gelöst werden, indem Sie Ihr eigenes CSS oder den Betrachter einscannen. Es ist schwer, Ihnen genau zu sagen, wie Sie es beheben können, da es viele verschiedene Möglichkeiten gibt, es zu handhaben und ohne genau zu wissen, wie Ihr css/html strukturiert ist, kann ich Ihnen nicht den besten Ansatz sagen.

Wenn Sie LESS oder SASS verwenden, ist es ziemlich einfach: Easily scope CSS using LESS or SASS. Sie können die Viewer-Stile umgrenzen, indem Sie den Stilen die Viewer-Div-ID oder -Klasse hinzufügen.

Ein weiterer Ansatz ist Ihre eigene CSS anpassen, zum Beispiel müssen Ihre # Schließen-Taste ein direktes Kind einer bestimmten Klasse sein:

// instead of using: 
#close { ...} 

// add a parent class: 
button#close.my-app { ... } 

Hoffnung, die