Der er tre typer CSS:
1. User Agent Stylesheet: Disse er standardstilene, der anvendes af brugerens browser. De er normalt meget grundlæggende og giver en ensartet gengivelse af indhold på tværs af forskellige browsere.
2. Forfattertypografiark: Dette er de stilarter, der er defineret af webstedets forfatter. De er normalt placeret i en CSS-fil, der er linket til HTML-dokumentet. Forfattertypografiark tilsidesætter brugeragenttypografiarkene.
3. Inline typografier: Dette er typografier, der anvendes direkte på et HTML-element. De bruges normalt til at tilsidesætte forfatterens stylesheets for specifikke elementer. Indlejrede typografier har den højeste prioritet og vil tilsidesætte både brugeragenttypografiark og forfattertypografiark.
Den kaskadende rækkefølge af CSS bestemmes af følgende regler:
1. Specifikation: Jo mere specifik en vælger er, jo højere har dens forrang. For eksempel vil en vælger, der målretter mod et specifikt element ved sit id, have højere forrang end en vælger, der målretter mod alle elementer af samme type.
2. Placering i CSS-dokumentet: Den rækkefølge, reglerne vises i i CSS-dokumentet, påvirker også deres forrang. Regler, der vises senere i dokumentet, vil tilsidesætte regler, der vises tidligere.
3. Vigtigt: `!vigtig`-erklæringen kan bruges til at give en regel højere forrang end andre regler. Regler, der er markeret som vigtige, vil altid tilsidesætte regler, der ikke er det.
Ved at forstå typerne af CSS, og hvordan den kaskadende rækkefølge bestemmes, kan du oprette webstedsstylesheets, der er både konsistente og visuelt tiltalende.