Correttore CSS
Correggi e ripara automaticamente la sintassi CSS rotta
Cos'è il Correttore CSS?
Il CSS fallisce in silenzio. Salti un punto e virgola dopo color: #222, scrivi txt-align invece di text-align, lasci una { di troppo davanti a #cart-summary, o non chiudi la stringa in content: "Total — il browser non lancia errori, salta solo la regola. Il correttore prende quelle rotture e ti restituisce CSS che parsa davvero. Funziona con selettori reali come .order-row o #cart-summary, non solo esempi giocattolo.
La specifica CSS è mantenuta dal W3C CSS Working Group, con bozze attive su drafts.csswg.org; MDN CSS è il riferimento quotidiano per ciò che fa ogni proprietà. Dopo la correzione, passa l'output da un validatore CSS per confermare e consulta caniuse.com per il supporto browser.
L'elaborazione avviene lato server e non conserviamo l'input. Aggiusta le regole, incollale nel tuo foglio di stile, distribuisci.
Come Usare il Correttore CSS
Tre passi. Ognuno usa i pulsanti reali di questa pagina.
Incolla CSS Rotto o Carica Esempio
Incolla il tuo CSS rotto nell'editor a sinistra. Clicca su CSS di Esempio per caricare una regola rotta di proposito con gli errori più comuni. Esempio di ciò che il correttore gestisce:
.order-row {
color: #222
padding 12px;
}Ripara punti e virgola mancanti, {} sbilanciate, due punti mancanti tra proprietà e valore, stringhe non chiuse e refusi evidenti in nomi di proprietà come txt-align.
Clicca su Correggi CSS!!
Clicca il pulsante verde Correggi CSS!!. Il correttore analizza il tuo input, identifica i problemi di sintassi e scrive la versione riparata nel pannello destro. Un indicatore di caricamento appare durante l'elaborazione.
Rivedi l'Output Corretto
Il pannello destro mostra il CSS riparato. I valori delle proprietà non vengono toccati — solo la sintassi attorno viene corretta. Incolla l'output nel tuo foglio di stile.
Quando Useresti Davvero Questo Strumento
Pulire Fogli di Stile Legacy
I vecchi fogli accumulano piccole rotture di sintassi — del tipo che il tuo editor non ti ha mai segnalato perché la regola sopra e sotto continuavano a parsare. Passa il file dal correttore per trovare ciò che il tuo linter ha mancato.
CSS da CMS o Editor WYSIWYG
Gli editor di tema dei CMS e gli export WYSIWYG amano emettere una graffa di chiusura in più. Il correttore normalizza tutto senza dover cacciare la <code>}</code> di troppo.
Validazione Pre-Build
Passa il CSS rotto dal correttore prima che arrivi a PostCSS, Sass o al tuo bundler — gli errori del transpiler diventano molto meno criptici quando l'input era CSS valido all'inizio.
Riparare Snippet Generati da IA
Il CSS generato da LLM spesso si perde uno o due punti e virgola. Passa l'output del modello dal correttore e ottieni CSS che si applica davvero nel browser invece di fallire in silenzio.
Domande Frequenti
I miei dati CSS vengono salvati?
No. La riparazione gira sul server ma non persistiamo l'input. Una volta che la risposta torna al tuo browser, è sparita dal nostro lato.
Quali tipi di errori corregge?
Punti e virgola mancanti, parentesi sbilanciate, due punti mancanti tra proprietà e valore, stringhe non chiuse e refusi evidenti nei nomi delle proprietà — i problemi del giorno per giorno. Non riscrive il tuo design, corregge solo la sintassi attorno.
Cambia i valori delle mie proprietà?
Solo quando necessario per la sintassi (per esempio, correggere txt-align in text-align). I valori numerici, i colori e le stringhe restano come li hai scritti.
Gestisce <code>@media</code> e <code>@keyframes</code>?
Sì — il correttore tratta i blocchi dentro alle at-rule (@media, @keyframes, @supports) come i blocchi di regola di livello superiore. Anche le parentesi o i punti e virgola mancanti lì dentro vengono riparati.
Come confermo che il CSS corretto è valido?
Passa l'output da un validatore CSS dopo la correzione. Puoi anche combinare il correttore con il nostro Validatore CSS per una rapida seconda passata.
Funziona con SCSS o LESS?
Il correttore mira al CSS puro. Per la sintassi del preprocessore (variabili, annidamento, mixin) compila prima a CSS con SCSS a CSS o LESS a CSS, poi passa dal correttore se serve.
Altri Strumenti CSS
Correggere è solo un passo. Ecco gli altri strumenti CSS che si combinano bene: