Van arra valamilyen szabály, hogy css3-ban milyen sorrendben kell megadni a stílusokat?

Tudtommal nincs, de érdemes egy ésszerű sorrendet felállítani.

Ha ugyanazon osztályú vagy azonosítójú elemnek új paramétert adsz meg, a későbbi előfordulás felülírja az előzőt. Tehát ha van egy p bekezdésed, aminek piros színt adtál meg, de később ugyanannak a p-nek feketét állítasz be, akkor feketén lesz megjelenítve.

A kiértékelés során van a különböző definíciók szerint prioritási sorrend.

Legnagyobb prioritást a HTML kódban megadott stílusdefiníciók kapják. (Pl. <p style="color:#111">…)

A következő prioritást a média típusokhoz kötött definíciók jönnek.

Ezt követik az !important kulcsszavakat tartalmazó definíciók.

Ezt követően a prioritási sorrend: a HTML szelektorok 1 pontot, az osztály szelektorok 10 pontot, míg az ID szelektorok 100 pontot érnek. Pl.:

* {…} → 0 pont

p {…} → 1 pont

p:first-letter {…} → 2 pont

ul li a {…} → 3 pont

.kiemelt {…} → 10 pont

div.kiemelt {…} → 11 pont

span.piros.felkover {…} → 21 pont

#tartalom → 100 pont

(A nagyobb prioritás értékkel rendelkezők lesznek a mérvadóak.)

Ezt követi csak az, hogy milyen sorrendben definiálták a stílusokat. Itt az adott tulajdonság mindig az utolsó megadott értéket fogja kapni.

Ezt követik a szülőtől örökölt tulajdonságok.

A legvégén jönnek a böngésző alapbeállításai.

~ ~ ~

Nem, nincs szabály, sem egzakt ajánlás, szokás arra, hogy milyen sorrendben adjuk meg ezeket. Pont ezért van a fenti szabályrendszer, hogy ezt rugalmasan tehessük az igények, lehetőségek alapján, illetve az alapján, hogy nekünk hogyan kényelmes.

Persze vannak evidenciák azért. Alapvetően érdemes az általánosabbtól haladni a részletekig. Pl.:

* {…}

html {…}

body {…}

#header {…}

.nav ul {…}

.nav ul li {…}

.nav ul li a {…}

Érdemes az adott nagyobb honlapelem definíciót együtt tartani. Pl. ha már #header jön, akkor utána venni mindent, ami csak a #header gyerekobjektuma.

De mindez nem kötelező. Akár teljesen random sorrendbe is írhatod, hibásnak nem hibás, maximum se te, se más nem fog rajta kiigazodni. Valami rendszert érdemes kialakítani és követni.