Det finns tre typer av CSS:
1. User Agent Stylesheet: Dessa är standardstilarna som används av användarens webbläsare. De är vanligtvis väldigt grundläggande och ger en konsekvent rendering av innehåll i olika webbläsare.
2. Author Stylesheet: Det här är de stilar som definieras av webbplatsens författare. De finns vanligtvis i en CSS-fil som är länkad till HTML-dokumentet. Författarformatmallar åsidosätter användaragentens stilmallar.
3. Inbäddade stilar: Detta är stilar som appliceras direkt på ett HTML-element. De används vanligtvis för att åsidosätta författarens stilmallar för specifika element. Inline-stilar har högsta prioritet och kommer att åsidosätta både användaragent-stilmallar och författarformatmallar.
Kaskadordningen för CSS bestäms av följande regler:
1. Specifikation: Ju mer specifik en väljare är, desto högre har dess prioritet. Till exempel kommer en väljare som riktar sig till ett specifikt element med sitt ID att ha högre prioritet än en väljare som riktar sig till alla element av samma typ.
2. Placering i CSS-dokumentet: Ordningen i vilken reglerna visas i CSS-dokumentet påverkar också deras företräde. Regler som visas senare i dokumentet kommer att åsidosätta regler som visas tidigare.
3. Viktighet: Deklarationen `!viktigt` kan användas för att ge en regel högre prioritet än andra regler. Regler som är markerade som viktiga kommer alltid att åsidosätta regler som inte är det.
Genom att förstå typerna av CSS och hur den överlappande ordningen bestäms kan du skapa webbplatsstilmallar som är både konsekventa och visuellt tilltalande.
