Warum unten?
Werden die Einträge nicht von oben nach unten eingelesen?
CSS liest von unten nach oben, wenn ich mich nicht ganz vertue.
Wie auch immmer, auf jeden Fall hat eine Regel die weiter unten steht Präferenz über die darüber.
Wenn du zB das in eine CSS Datei schreibst (beides zusammen) :
...ist deine Navbar rot.
Wenn du beide Farben vertauschst, ist deine Navbar grün.
Den gleichen Spass kannst du mit importierten CSS Dateien probieren; die untere importierte Datei hat Präferenz über die darüber; Einträge direkt in der userChrome.css haben Präferenz über alle.
Wenn du 2 Test CSS Dateien anlegst, und den Navbar Code von oben reinschreibst ( diesmal jeweils eine Variante rot oder grün in eine Datei ), dann kannst du das einfach testen.
userchrome.css :
@import url("farbe2.css");
@import url("farbe1.css");
#nav-bar {
background-color: lightblue !important;
}
Deshalb habe ich für zB für schnelle Tests eine extra CSS Datei, die in der Importierliste ganz unten steht; damit kann ich Regeln in den darüber eingetragenen importierten CSS Dateien schnell überschreiben.
Alles anzeigen________________________________________________________
Elchtest nicht bestanden!
Die import-anweisungen müssen zwingend an den Anfang!
Es ist nicht egal
Variablen, die auf "Seiten" wie z.B. about:logins wirken sollen, müssen in die userContent.css
Sie wirken sich nicht auf Änderungen, die unter userChrome.css bzw. die per @import url eingebundenen
Änderungen aus!
Andersherum verhält es sich genau so
Frage geklärt.
Ich war mal davon ausgegangen, dass der Unterschied zwischen userChrome.css und userContent.css klar ist.
Und ja, @import Regeln müssen immer ganz oben stehen, vor allen CSS Regeln.