@importierte Stylesheets in mobile.scss haben keine Vorrangstellung gegenüber Kern-Deklarationen

Ich überprüfe einige Themes und sehe, dass für mobile Styles Deklarationen jetzt von Core-Deklarationen überschrieben werden.

Wenn ich eine Regel direkt in mobile/mobile.scss deklariere, hat sie Vorrang und wird angewendet. Aber wenn ich @import in mobile.scss verwende, werden die importierten Deklarationen überschrieben.

Z.B. einige @importierte Deklarationen, die ich in Themes habe und die jetzt von Deklarationen in Core überschrieben werden:

#list-area { background: xxx; }
body { background-color: xxx; }
2 „Gefällt mir“

Hmm, das ist überraschend. Die Theme-Stylesheets, egal ob mobil oder Desktop, sind so eingestellt, dass sie nach den Kern-Stylesheets geladen werden, siehe:

Sind Sie sicher, dass nicht etwas anderes passiert, wie z. B. ein Problem mit der Selektorspezifität? Oft werden Kern-Stylesheets mit spezifischeren Selektoren aktualisiert, was bedeuten kann, dass Themes, die den ursprünglichen Selektor verwenden, zurückfallen.

2 „Gefällt mir“

Es ging nicht um Spezifität, da ich exakt dieselben Deklarationen zwischen mobile.scss und der Verwendung von @import in mobile.scss umgeschaltet habe. Die erste wurde angewendet und die andere wurde im Browser-Inspektor überschrieben.

Aber jetzt kann ich es auch nicht reproduzieren! Ich habe gerade eine leere Komponente mit nur einer mobile.scss erstellt, um es erneut zu versuchen, und die Deklarationen werden auf beide Arten angewendet.

Es tut mir leid für den falschen Bericht! Obwohl ich nicht weiß, was es vorher verursacht hat… es war auch in verschiedenen Browsern so…

2 „Gefällt mir“

Kein Problem! Vielleicht passiert das unter bestimmten Bedingungen …

2 „Gefällt mir“