Lim inn ødelagt CSS her og klikk på "Fiks CSS!!" for å reparere denAngi ugyldig CSS

Hva er CSS-reparasjonsverktøyet?

CSS feiler i stillhet. Du hopper over et semikolon etter color: #222, skriver txt-align i stedet for text-align, lar en { for mye stå foran #cart-summary, eller lukker ikke strengen i content: "Total — nettleseren kaster ingen feil, den hopper bare over regelen. Verktøyet fanger de bruddene og gir deg tilbake CSS som faktisk parser. Det fungerer med ekte velgere som .order-row eller #cart-summary, ikke bare leketøyseksempler.

CSS-spesifikasjonen vedlikeholdes av W3C CSS Working Group, med aktive utkast på drafts.csswg.org; MDN CSS er den daglige referansen for hva hver egenskap faktisk gjør. Etter reparasjon kjører du utdataen gjennom en CSS-validator for å bekrefte, og sjekker caniuse.com for nettleserstøtte.

Behandlingen skjer på serversiden, og vi lagrer ikke inndataene. Reparer reglene, lim dem tilbake inn i stilarket ditt, distribuer.

Slik bruker du CSS-reparasjonsverktøyet

Tre trinn. Hvert trinn bruker de faktiske knappene på denne siden.

Lim inn ødelagt CSS eller last inn eksempel

Lim inn ødelagt CSS i venstre editor. Klikk på Eksempel-CSS for å laste inn en bevisst ødelagt regel med de vanligste feilene. Eksempel på hva verktøyet håndterer:

.order-row {
  color: #222
  padding 12px;
}

Det reparerer manglende semikolon, ubalanserte {}, manglende kolon mellom egenskap og verdi, uavsluttede strenger og åpenbare skrivefeil i egenskapsnavn som txt-align.

Klikk på Fiks CSS!!

Klikk på den grønne Fiks CSS!!-knappen. Verktøyet analyserer inndataene dine, identifiserer syntaksproblemer og skriver den reparerte versjonen i høyre panel. En lastindikator vises under behandling.

Gjennomgå reparert utdata

Høyre panel viser reparert CSS. Egenskapsverdier røres ikke — bare syntaksen rundt korrigeres. Lim utdata tilbake i stilarket ditt.

Når du virkelig bruker det

Rydde i gamle stilark

Gamle stilark samler opp små syntaksbrudd — den typen editoren din aldri varslet deg om, fordi regelen over og under fortsatt parset. Kjør filen gjennom verktøyet for å finne det linteren din gikk glipp av.

CSS fra CMS eller WYSIWYG-editorer

CMS-temaeditorer og WYSIWYG-eksporter elsker å sende ut en lukkende krøllparentes for mye. Verktøyet normaliserer det uten at du må jakte på den overflødige <code>}</code>.

Validering før bygging

Kjør ødelagt CSS gjennom verktøyet før den når PostCSS, Sass eller bundleren din — transpileringsfeilene blir mye mindre kryptiske når inndataene var gyldig CSS fra start.

Reparere AI-genererte snutter

LLM-generert CSS hopper ofte over ett eller to semikolon. Kjør modellutdata gjennom verktøyet, og du får CSS som faktisk anvendes i nettleseren i stedet for å feile stille.

Vanlige spørsmål

Lagres CSS-dataene mine?

Nei. Reparasjonen kjører på serveren, men vi beholder ikke inndataene. Når svaret går tilbake til nettleseren din, er det borte fra vår side.

Hvilke typer feil kan repareres?

Manglende semikolon, ubalanserte krøllparenteser, manglende kolon mellom egenskap og verdi, uavsluttede strenger og åpenbare skrivefeil i egenskapsnavn — hverdagsproblemene. Det omskriver ikke designet ditt, det reparerer bare syntaksen rundt.

Endres egenskapsverdiene mine?

Bare når det er nødvendig for syntaksen (for eksempel å rette txt-align til text-align). Numeriske verdier, farger og strenger forblir slik du skrev dem.

Håndterer det <code>@media</code> og <code>@keyframes</code>?

Ja — verktøyet behandler blokker innenfor at-regler (@media, @keyframes, @supports) på samme måte som regelblokker på toppnivå. Manglende krøllparenteser eller semikolon der inne repareres også.

Hvordan bekrefter jeg at reparert CSS er gyldig?

Kjør utdata gjennom en CSS-validator etter reparasjon. Du kan også kombinere verktøyet med vår CSS-validator for en rask andre runde.

Fungerer det med SCSS eller LESS?

Verktøyet retter seg mot ren CSS. For preprosessorsyntaks (variabler, nesting, mixins) kompiler først til CSS med SCSS til CSS eller LESS til CSS, og kjør deretter verktøyet om nødvendig.

Andre CSS-verktøy

Å reparere er bare ett trinn. Her er de andre CSS-verktøyene som spiller godt sammen: