Ännu mer CSS

Ytterliggare möjligheter när vi skriver stilmallar

Grunden till att vi kan komma åt olika element på webbsidan är DOM, Document Object Model. Alla element bildar ett träd, html är stammen, body och head blir två grenar som i sin tur grenar upp sig ytterliggare. Denna struktur ger oss möjligheten att styra utseendet på olika taggar med hjälp av CSS och ett antal regler.

Flera selektorer med samma inställningar, separeras med kommatecken

body, p, .enKlass, #ettId
{ ... }

En selektor som finns inuti en annan selektor, oavsett nivå

article header { ... }

En selektor som är barn till en annan selektor, dvs endast nivån under

article > header { ... }

Pseudo-klasser

a:hover, tr:nth-child(even), article > div:first-of-type { ... }