Indsæt ødelagt CSS her og klik på "Fix CSS!!" for at reparere denAngiv ugyldig CSS

Hvad er CSS-reparationsværktøjet?

CSS fejler i stilhed. Du springer et semikolon over efter color: #222, du skriver txt-align i stedet for text-align, du efterlader en { for meget foran #cart-summary, eller du lukker ikke strengen i content: "Total — browseren kaster ingen fejl, den springer bare reglen over. Værktøjet fanger de brud og giver dig CSS tilbage, der faktisk parser. Det fungerer med rigtige selektorer som .order-row eller #cart-summary, ikke kun legetøjseksempler.

CSS-specifikationen vedligeholdes af W3C CSS Working Group, med aktive udkast på drafts.csswg.org; MDN CSS er den daglige reference til, hvad hver egenskab faktisk gør. Efter reparation kører du output gennem en CSS-validator for at bekræfte, og tjekker caniuse.com for browserunderstøttelse.

Behandlingen sker på serversiden, og vi gemmer ikke inputtet. Reparer reglerne, indsæt dem tilbage i dit stylesheet, deploy.

Sådan bruger du CSS-reparationsværktøjet

Tre trin. Hvert trin bruger de faktiske knapper på denne side.

Indsæt ødelagt CSS eller indlæs eksempel

Indsæt din ødelagte CSS i venstre editor. Klik på Eksempel-CSS for at indlæse en bevidst ødelagt regel med de mest almindelige fejl. Eksempel på, hvad værktøjet håndterer:

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

Det reparerer manglende semikoloner, ubalancerede {}, manglende koloner mellem egenskab og værdi, ulukkede strenge og åbenlyse stavefejl i egenskabsnavne som txt-align.

Klik på Fix CSS!!

Klik på den grønne Fix CSS!!-knap. Værktøjet analyserer dit input, identificerer syntaksproblemer og skriver den reparerede version i højre panel. En indlæsningsindikator vises under behandling.

Gennemgå repareret output

Højre panel viser repareret CSS. Egenskabsværdier rører ikke — kun syntaksen omkring korrigeres. Indsæt outputtet tilbage i dit stylesheet.

Hvornår du virkelig bruger det

Rydde op i gamle stylesheets

Gamle stylesheets samler små syntaksbrud op — den slags, din editor aldrig advarede dig om, fordi reglen ovenover og nedenunder stadig parsede. Kør filen gennem værktøjet for at finde det, din linter missede.

CSS fra CMS eller WYSIWYG-editorer

CMS-temaeditorer og WYSIWYG-eksporter elsker at udsende en lukke-krøllet-parentes for meget. Værktøjet normaliserer det, uden at du skal jagte den overflødige <code>}</code>.

Validering før build

Kør ødelagt CSS gennem værktøjet, før den når PostCSS, Sass eller din bundler — transpilerens fejl bliver meget mindre kryptiske, når input var gyldig CSS fra start.

Reparere AI-genererede uddrag

LLM-genereret CSS misser ofte et eller to semikoloner. Kør modellens output gennem værktøjet, og du får CSS, der faktisk anvendes i browseren i stedet for at fejle stille.

Almindelige spørgsmål

Gemmes mine CSS-data?

Nej. Reparationen kører på serveren, men vi gemmer ikke inputtet. Når svaret går tilbage til din browser, er det væk fra vores side.

Hvilke typer fejl kan repareres?

Manglende semikoloner, ubalancerede krøllede parenteser, manglende koloner mellem egenskab og værdi, ulukkede strenge og åbenlyse stavefejl i egenskabsnavne — dagligdagens problemer. Det omskriver ikke dit design, det reparerer kun syntaksen omkring.

Ændres mine egenskabsværdier?

Kun når det er nødvendigt for syntaksen (f.eks. at rette txt-align til text-align). Numeriske værdier, farver og strenge forbliver som du skrev dem.

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

Ja — værktøjet behandler blokke inden i at-regler (@media, @keyframes, @supports) på samme måde som regelblokke på topniveau. Manglende krøllede parenteser eller semikoloner derinde repareres også.

Hvordan bekræfter jeg, at den reparerede CSS er gyldig?

Kør outputtet gennem en CSS-validator efter reparation. Du kan også kombinere værktøjet med vores CSS-validator for en hurtig anden runde.

Virker det med SCSS eller LESS?

Værktøjet sigter mod ren CSS. For præprocessor-syntaks (variable, nesting, mixins) kompilér først til CSS med SCSS til CSS eller LESS til CSS, og kør så værktøjet, hvis nødvendigt.

Andre CSS-værktøjer

Reparation er kun ét trin. Her er de andre CSS-værktøjer, der spiller godt sammen: