AI Verket
AIbua

Forklar CSS-kode

Lim inn CSS og få det forklart på vanlig norsk – hvilke elementer en regel treffer og hva hver egenskap gjør. Verktøyet er forhåndsinnstilt på CSS og forklarer både selektorer og layout.

Koden lagres aldri, og alt behandles i EU.

Eksempler å starte med
0 / 10 000

Det som gjør CSS frustrerende

CSS føles uforutsigbart helt til du kjenner reglene bak. Verktøyet forklarer hvorfor noe ser ut som det gjør:

Spesifisitet
En `#id`-regel slår en `.klasse`-regel som slår en tag-regel. Derfor «virker ikke» stilen din noen ganger.
Box-modellen
Bredde + padding + border legges sammen, med mindre du setter `box-sizing: border-box`.
Flexbox mot grid
Flexbox ordner i én retning (rad eller kolonne); grid ordner i to (rader og kolonner samtidig).
Arv (cascade)
Noen egenskaper arves nedover (farge, font), andre ikke (margin, border). C-en i CSS er «cascade».
Enheter
`px` er fast, `rem`/`em` er relative til skriftstørrelse, `%` og `fr` til omgivelsene.

Ofte stilte spørsmål

Lagres CSS-en jeg limer inn?
Nei. Alt behandles i minnet og slettes straks forklaringen er ferdig.
Forklarer det hvorfor en stil ikke slår igjennom?
Ja. Verktøyet peker ofte på spesifisitet, rekkefølge eller en mer spesifikk regel som overstyrer det du prøver på.
Forstår det moderne CSS som grid, container queries og variabler?
Ja. Det forklarer custom properties (`--variabel`), grid, flexbox og nyere funksjoner.
Kan jeg lime inn et helt stilark?
Ja, opptil 10 000 tegn. For store ark er det tydeligere å forklare én komponent av gangen.
Er det gratis?
Du får flere gratis forklaringer daglig. Logg inn for høyere grense, eller velg Pro for ubegrenset bruk.

Andre varianter

Relaterte verktøy