Hallo Leute, ich versuche, eine benutzerdefinierte Kopfzeile oben hinzuzufügen. Es funktioniert größtenteils, aber einige der CSS-Elemente werden, glaube ich, von Discourse überschrieben. Gibt es einen Trick, um zu verhindern, dass das CSS von Discourse meine Kopfzeile beeinflusst?
1 „Gefällt mir“
Hallo 
Können Sie Ihre CSS-Änderungen teilen?
Normalerweise überschreibt Discourse unsere Regeln, wenn unsere Selektoren nicht präzise genug sind.
Wenn Discourse beispielsweise eine Regel wie body .category { line-height: 1 } hat und wir in unserem eigenen Theme .category { line-height: 2 } schreiben, wird diese von der ersten Regel überschrieben, da sie mit dem zusätzlichen body-Selektor präziser ist.
2 „Gefällt mir“
Soweit ich gelesen habe, gibt es auch das „! Important“ in CSS?
Ja. Ich würde es nicht empfehlen, es sei denn, Sie können CSS nicht mit Selektoren überschreiben. Es ist eine „Notfallregel“. 
1 „Gefällt mir“
Vielen Dank für die Klärung. Ich habe oft empfohlen gesehen, dass Addon-Komponenten ein Theme component beeinflussen/ändern.
Vielen Dank für Ihre Antworten. Ich kenne mich mit CSS gut genug aus, um die üblichen Tricks und so weiter zu kennen. Entschuldigen Sie, wenn das nicht nett klingt, das ist nicht meine Absicht.
Ich hatte eigentlich nur gehofft, dass Discourse irgendwo eine Einstellung hat, um sein eigenes CSS zu zwingen, benutzerdefinierte Container mit bestimmten IDs oder Klassen zu ignorieren. Das würde viel Zeit sparen.
Wie auch immer, ich glaube, ich habe das meiste geschafft; und ich werde einfach auf größere CSS-Änderungen achten, die Discourse im Laufe der Zeit hinzufügt, und mich entsprechend anpassen.
1 „Gefällt mir“