Det finnes tre typer CSS:
1. User Agent Stylesheet: Dette er standardstilene som brukes av brukerens nettleser. De er vanligvis veldig grunnleggende og gir en konsistent gjengivelse av innhold på tvers av forskjellige nettlesere.
2. Forfatterstilark: Dette er stilene som er definert av nettstedets forfatter. De er vanligvis plassert i en CSS-fil som er koblet til HTML-dokumentet. Forfatterstilark overstyrer stilark for brukeragenter.
3. Inline stiler: Dette er stiler som brukes direkte på et HTML-element. De brukes vanligvis til å overstyre forfatterens stilark for spesifikke elementer. Innebygde stiler har høyest prioritet og vil overstyre både brukeragentstilark og forfatterstilark.
Den gjennomgripende rekkefølgen til CSS bestemmes av følgende regler:
1. Spesifikasjon: Jo mer spesifikk en velger er, jo høyere har dens prioritet. For eksempel vil en velger som målretter mot et spesifikt element ved sin ID ha høyere prioritet enn en velger som målretter mot alle elementer av samme type.
2. Plassering i CSS-dokumentet: Rekkefølgen som regler vises i CSS-dokumentet påvirker også deres forrang. Regler som vises senere i dokumentet vil overstyre regler som vises tidligere.
3. Betydning: `!viktig`-erklæringen kan brukes til å gi en regel høyere prioritet enn andre regler. Regler som er merket som viktige vil alltid overstyre regler som ikke er det.
Ved å forstå typene CSS og hvordan den gjennomgripende rekkefølgen bestemmes, kan du lage nettstedstilark som er både konsistente og visuelt tiltalende.