Validateur CSS

Vérifie le texte CSS à la recherche d'une syntaxe cassée : accolades { }, parenthèses ( ) et crochets [ ] déséquilibrés, une chaîne entre guillemets non terminée et un commentaire /* */ non fermé.

Collez une feuille de style ou un extrait. Le vérificateur analyse caractère par caractère, ignore les commentaires et le contenu des chaînes, et suit chaque symbole sur une pile pour confirmer que chacun se ferme dans le bon ordre.

En saisissant @media (min-width: 600px) { .card { padding: 2rem; } }, le résultat est valide avec 2 blocs de règles ouverts ; en supprimant la dernière }, le résultat est non valide, signalant une { non fermée.

Chaque {, ( et [ doit avoir une fermeture correspondante dans le bon ordre ; chaque chaîne entre guillemets doit se fermer avec le même guillemet avant la fin de la ligne ; chaque commentaire /* doit avoir un */ correspondant.

Un résultat valide signifie que le fichier s'analyse proprement en jetons — il ne vérifie pas que les noms de propriétés existent, que les valeurs sont valides pour leur propriété, ni que les sélecteurs correspondent à un élément ; un fichier peut réussir cette vérification et contenir malgré tout une faute comme colr: red ou une valeur de propriété non valide.

Ce vérificateur ne valide pas le CSS comme le fait le validateur CSS du W3C — il ne dispose d'aucune base de données de noms de propriétés ni de grammaires de valeurs, donc les erreurs sémantiques sont entièrement hors de son champ. Il cible aussi la syntaxe CSS standard, pas la syntaxe propre à Sass/SCSS/LESS comme les commentaires de ligne // ou les opérateurs d'imbrication, que ce vérificateur ne reconnaît pas comme valides.

Tout le traitement utilise les API locales du navigateur et l'outil ne transfère pas les valeurs saisies.