CSS-validator
Valider CSS-koden din for syntaksfeil
CSS-inndata
Valideringsresultat
Eksempler på CSS-validering
Gyldig CSS har riktig syntaks; ugyldig CSS har feil. Eksempler:
Gyldig CSS
Ugyldig CSS – manglende semikolon
Den første regelen mangler semikolon etter 1200px.
Lim inn ett av eksemplene i editoren over for å se valideringsresultatet. Bruk Eksempel for å laste mer data.
Hva er en CSS-validator?
CSS (Cascading Style Sheets) har syntaksregler. Manglende semikolon, uavsluttede klammer, ugyldige egenskapsnavn eller feilformede selektorer gir parse-feil. En CSS-validator sjekker om stilarket er velformet og rapporterer feil med linje og posisjon. W3C CSS-spesifikasjonene definerer språket.
Verktøyet parser CSS-en din og rapporterer syntaksfeil. Det kjører helt i nettleseren din. Ingenting sendes til server. For å formatere gyldig CSS: CSS-formaterer. For minifisering: CSS-minifiserer.
Slik bruker du verktøyet
Lim inn eller last opp CSS
Kopier CSS og lim inn i venstre editor. Du kan også klikke Last opp for en .css-fil. Eksempel laster eksempeldata.
Sjekk valideringsresultatet
Høyre panel viser gyldig eller ugyldig. Ved ugyldig listes feil med linje og posisjon. Vanlige problemer: uavsluttede klammer, manglende semikolon, ugyldige egenskapsverdier eller feilformede media queries.
Rett og valider på nytt
Rett feil i inndata og valider på nytt. For formatering: CSS-formaterer. For SCSS eller Less, kompiler først med SCSS til CSS eller Less til CSS.
Vanlige CSS-feil
Uavsluttede klammer } eller hakeparenteser ] er vanlige. Manglende semikolon mellom egenskaper kan gi kaskaderende parse-feil. Ugyldige egenskapsnavn eller -verdier (f.eks. skrivefeil dispaly i stedet for display) bryter regler. Feilformede @media- eller @keyframes-blokker gir også feil. W3C CSS-spesifikasjonen definerer gyldig syntaks. W3C CSS Validator tilbyr server-side validering for grundigere sjekk.
Når CSS-validering hjelper
Utviklere trenger ofte validering ved feilsøking av stiler som ikke virker, integrering av tredjeparts-CSS eller før produksjon. Én syntaksfeil kan ødelegge hele stilarket. Å kjøre CSS her fanger problemer før de gir layout- eller renderingsfeil. Byggverktøy som Vite eller Webpack rapporterer ikke alltid CSS-feil tydelig—validering her gir presise linjenumre.
Nyttig også før du deler stiler med teamet eller sender pull requests. For nettleserkompatibilitet etter validering: CSS-prefiks. For å formatere gyldig CSS: CSS-formaterer. For SCSS eller Less, kompiler først med SCSS til CSS eller Less til CSS.
Ofte stilte spørsmål
Hva gjør CSS ugyldig?
Uavsluttede klammer eller parenteser, manglende semikolon, ugyldige egenskapsnavn eller -verdier, feilformede selektorer eller syntaksfeil i @media eller @keyframes. Validatoren peker på stedet.
Sjekker den nettleserstøtte?
Verktøyet validerer bare syntaks—om CSS er velformet. Det sjekker ikke nettleserkompatibilitet. Bruk Can I Use for det.
Er dataene mine private?
Ja. Validering skjer helt i nettleseren din. Ingen data sendes til server.
Støtter den SCSS eller Less?
Verktøyet validerer ren CSS. For SCSS eller Less, kompiler først med SCSS til CSS eller Less til CSS, deretter valider utdata.
Hva med vendor-prefiks?
Vendor-prefiksede egenskaper (f.eks. -webkit-, -moz-) er gyldige. Validatoren godtar dem. For automatisk prefiks: CSS-prefiks.
Relaterte verktøy
CSS-spesifikasjon: W3C CSS. Referanse: MDN CSS. W3C CSS Validator tilbyr server-side validering. Can I Use for nettleserstøtte.