Walidator CSS
Waliduj il tuo codice CSS per errori di sintassi
CSS di input
Risultato di validazione
Przyklady validazione CSS
Il CSS valido ha la sintassi corretta; il CSS nieprawidlowy ha errori. Esempi:
CSS valido
CSS nieprawidlowy – punto e virgola mancante
Alla prima regola manca un punto e virgola dopo 1200px.
Incolla uno degli esempi nell'editor in alto per vedere il risultato della validazione. Usa Przyklad per caricare altri dane.
Cos'è un Walidator CSS?
Il CSS (Cascading Style Sheets) ha regole di sintassi. Punti e virgola mancanti, parentesi graffe non chiuse, nomi di proprietà non validi o selettori malformati causano errori di analisi. Un validatore CSS verifica se il tuo foglio di stile è ben formato e riporta gli errori con la riga e la posizione. Le specifiche W3C CSS definiscono il linguaggio.
Questo narzedzie analizza il tuo CSS e riporta eventuali errori di sintassi. Funziona interamente nel tuo browser. Nulla viene inviato a un server. Per formattare il CSS valido, usa il Formater CSS. Per minificare, usa il Minifikator CSS.
Come usare questo narzedzie
Incolla o carica CSS
Kopiuj il tuo CSS e incollalo nell'editor di sinistra. Puoi anche cliccare su Wczytaj per caricare un plik .css. Il pulsante Przyklad carica dane di esempio.
Controlla il risultato di validazione
Il pannello di destra mostra Valido o Non prawidlowy. Se nieprawidlowy, elenca gli errori con riga e posizione. I problemi comuni includono parentesi graffe non chiuse, punti e virgola mancanti, valori di proprietà non validi o media query malformate.
Correggi e rivalida
Correggi gli errori nell'input e rivalida. Per la formattazione, usa il Formater CSS. Per SCSS o Less, compila prima con SCSS in CSS o Less in CSS.
Errori CSS comuni
Le parentesi graffe } o le parentesi quadre ] non chiuse sono frequenti. I punti e virgola mancanti tra le proprietà possono causare errori di analisi a cascata. I nomi o i valori delle proprietà non validi (es. errori di battitura come dispaly invece di display) interrompono le regole. Anche i blocchi @media o @keyframes malformati causano errori. La specifica W3C CSS definisce la sintassi valida. Il Walidator CSS W3C offre validazione lato server per controlli completi.
Quando la validazione CSS è utile
La maggior parte degli sviluppatori ha bisogno della validazione quando esegue il debug di stili che non si applicano, integra CSS di terze parti o prima di distribuire in produzione. Un singolo errore di sintassi può rompere un intero foglio di stile. Eseguire il tuo CSS qui individua i problemi prima che causino problemi di layout o rendering. Narzedzia di build come Vite o Webpack potrebbero non riportare sempre chiaramente gli errori CSS—validare qui ti dà numeri di riga precisi.
È utile anche prima di condividere gli stili con i compagni di squadra o inviare pull request. Per la compatibilità con i browser dopo la validazione, usa il Prefissatore CSS. Per formattare il CSS valido, usa il Formater CSS. Per SCSS o Less, compila prima con SCSS in CSS o Less in CSS.
Czesto zadawane pytania
Cosa rende il CSS nieprawidlowy?
Parentesi graffe o quadre non chiuse, punti e virgola mancanti, nomi o valori di proprietà non validi, selettori malformati o errori di sintassi in @media o @keyframes. Il validatore individua il problema.
Controlla il supporto del browser?
Questo narzedzie valida solo la sintassi—se il CSS è ben formato. Non verifica la compatibilità con il browser. Usa Can I Use per quello.
I miei dane sono privati?
Sì. La validazione avviene interamente nel tuo browser. Nessun dato viene inviato a un server.
Supporta SCSS o Less?
Questo narzedzie valida il CSS normale. Per SCSS o Less, compila prima usando SCSS in CSS o Less in CSS, poi valida l'output.
E i prefissi vendor?
Le proprietà con prefissi vendor (es. -webkit-, -moz-) sono valide. Il validatore le accetta. Per aggiungere prefissi automaticamente, usa il Prefissatore CSS.
Powiazane narzedzia
Per la specifica CSS, vedi W3C CSS. MDN CSS è il riferimento. Il Walidator CSS W3C offre validazione lato server. Can I Use per il supporto browser.