Les feuilles de style @importées dans mobile.scss ne prennent pas le pas sur les déclarations principales

J’examine certains thèmes et je constate que pour les styles mobiles, les déclarations sont maintenant écrasées par les déclarations de base.

Lorsque je déclare une règle directement dans mobile/mobile.scss, elle a la priorité et est appliquée. Mais lorsque j’utilise @import dans mobile.scss, les déclarations importées sont écrasées.

Par exemple, certaines déclarations @importées que j’ai dans des thèmes sont maintenant écrasées par des déclarations dans core :

#list-area { background: xxx; }
body { background-color: xxx; }
2 « J'aime »

Hmm, c’est surprenant. Les feuilles de style de thème, qu’elles soient mobiles ou de bureau, sont configurées pour être chargées après les feuilles de style principales, voir :

Êtes-vous sûr qu’il ne se passe rien d’autre, comme un problème de spécificité de sélecteur ? Souvent, les mises à jour du cœur apportent des sélecteurs plus spécifiques, ce qui peut signifier que les thèmes utilisant le sélecteur d’origine régressent.

2 « J'aime »

Ce n’était pas une question de spécificité car j’ai échangé exactement les mêmes déclarations entre mobile.scss et en utilisant @import dans mobile.scss. La première a été appliquée et l’autre a été écrasée dans l’inspecteur du navigateur.

Mais maintenant, je ne peux pas non plus le reproduire ! Je viens de créer un composant vierge avec seulement un mobile.scss pour essayer à nouveau et les déclarations sont appliquées dans les deux sens.

Je suis vraiment désolé pour ce faux rapport ! Bien que je ne sache pas ce qui l’a causé auparavant… je l’ai eu dans différents navigateurs également…

2 « J'aime »

Pas de problème ! Peut-être que cela se produit dans des conditions spécifiques…

2 « J'aime »