Qual è l’ordine di caricamento dei file CSS in una pagina HTML?

Voglio sapere l’ordine di caricamento dei file CSS in una pagina HTML.

Il mio attuale requisito è questo: ho più di 10 file CSS nella mia applicazione.

Sto importando da 3 a 4 file CSS in ogni pagina HTML. Il problema è che ho classi duplicate definite in alcuni file CSS. Ciò significa che sovrascrivo alcune delle classi CSS nei file CSS. In alcune pagine si comporta correttamente. In alcune pagine si comporta in modo errato. Ho anche definito gli stili in linea per alcuni dei DIV nella pagina HTML. Sto mantenendo anche la class CSS per quei DIV.

Qualcuno può sapere quale avrà priorità più alta o quale caricherà prima?

Generalmente l’ultima regola ha la precedenza. Detto questo, ci sono “eccezioni” in quanto gli stili in linea hanno la precedenza sui fogli di stile esterni (un inline! Importante è più importante di un esterno! Importante, ecc.) E selettori più specifici sovrascrivono i selettori generici.

Leggi tutto a riguardo @ http://www.w3.org/TR/CSS2/cascade.html

I file CSS vengono caricati nell’ordine in cui appaiono nella pagina. Se una class viene ridefinita in un file CSS, sovrascriverà le istruzioni di class precedenti.

Così
div.sample { background: none; width: 200px }
e
div.sample { color: #FFF; width: 400px }
diventerà
div.sample { background: none; color: #FFF; width: 400px }

Puoi anche usare l’addin “! Important” per fare in modo che le regole abbiano la precedenza su altre regole definite.

Così
div.sample { background: none; width: 200px !important }
e
div.sample { color: #FFF; width: 400px }
diventerà
div.sample { background: none; color: #FFF; width: 200px !important }

Nota: molte persone sconsigliano l’uso dell’aggiunta “! Importante” nei file CSS. Personalmente, non vedo nulla di sbagliato in questo.

Ogni elemento sarà renderizzato in base alle proprietà dell’ultimo foglio di stile dal quale è stato selezionato. Proprietà che sono state dichiarate come !important; sono un’eccezione Parte del problema è che hai 10 fogli di stile.