Reihenfolge von CSS-Anweisungen

J

j-l-n

Guest
Gibt es eine Konvention, in welcher Reihenfolge man CSS-Anweisungen üblicherweise anordnet?
Wie macht ihr das?
 
Ne Konvention kenne ich nicht. Ich habe mir in den letzten Jahren angewöhnt, allgemeine Dinge nach oben zu schreiben und dann spezifischer nach unten zu gehen. Media-Querys schreibe ich entweder in eine separate Datei oder ganz ans Ende.
 
Konvention nein, Empfehlungen ja!

Schritt 1: Zurücksetzen aller Tags, damit alle Browser die gleiche Ausgangssituation haben (gleicht eher einem Überschreiben, damit bspw. h1 in allen Browser gleich ist).
Schritt 2: Deine Basics (die überall gelten bzw. gelten sollen); zzgl. Handarbeit für die zurückgesetzten Tags!
Schritt 3: spezifisch (bspw. Gerät, IDs)

Erwähnenswert: Inline-CSS gehört - wenn nicht aus einem verwendeten Framework - beim Erstaufbau der Seite klar vermieden (es wird überall davor gewarnt, dass es "unerwartetes Verhalten im DOM" mit sich bringen könnte).

Je nach Umfang lassen sich die Media-Queries auch in der einen CSS-Datei anlegen - das erspart (mit der Lupe) mind. einen (DNS-/Server-)Request. :)
 
Zurück
Oben