gli stili importati in mobile.scss non hanno la precedenza sulle dichiarazioni principali

Bug
1

Sto rivedendo alcuni temi e vedo che per gli stili mobili, le dichiarazioni vengono ora sovrascritte dalle dichiarazioni principali.

Quando dichiaro una regola direttamente in mobile/mobile.scss, ha la precedenza e viene applicata. Ma quando uso @import in mobile.scss, le dichiarazioni importate vengono sovrascritte.

Ad esempio, alcune dichiarazioni @import che ho nei temi che ora vengono sovrascritte dalle dichiarazioni nel core:

#list-area { background: xxx; }

body { background-color: xxx; }
2 Mi Piace
2

Hmm, è sorprendente. I fogli di stile del tema, sia per dispositivi mobili che desktop, sono impostati per essere caricati dopo quelli principali, vedi:

Sei sicuro che non stia succedendo qualcos’altro, come un problema di specificità del selettore? Spesso il core viene aggiornato con selettori più specifici, il che può significare che i temi che utilizzano il selettore originale regrediscano.

2 Mi Piace
3

Non si trattava di specificità poiché ho spostato esattamente le stesse dichiarazioni tra mobile.scss e usando @import in mobile.scss. La prima è stata applicata e l’altra è stata sovrascritta nell’ispettore del browser.

Ma ora non riesco nemmeno a riprodurlo! Ho appena creato un componente vuoto con solo un mobile.scss per riprovare e le dichiarazioni vengono applicate in entrambi i modi.

Mi dispiace molto per il falso report! Anche se non capisco cosa l’abbia causato prima… l’ho riscontrato anche in browser diversi…

2 Mi Piace
4

Nessun problema! Forse questo accade in un insieme specifico di condizioni…

2 Mi Piace