CSS-Validator
Prüft CSS auf nicht geschlossene geschweifte/runde/eckige Klammern, Strings und Kommentare.
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien werden niemals auf einen Server hochgeladen.
Gültig: No bracket, string or comment syntax errors found.
- Rule or at-rule blocks opened: 3
Lösche den Wert vor einer weiteren Prüfung. Validation runs locally and does not check against any external registry, server, or account.
Funktion des Tools
Prüft CSS-Text auf fehlerhafte Syntax: unausgeglichene { }-, ( )- und [ ]-Klammern, einen nicht abgeschlossenen Anführungszeichen-String und einen nicht geschlossenen /* */-Kommentar.
Anwendung
Füge ein Stylesheet oder einen Ausschnitt ein. Der Prüfer scannt Zeichen für Zeichen, überspringt Kommentare und Stringinhalte und verfolgt jede Klammer auf einem Stack, um zu bestätigen, dass jede in der richtigen Reihenfolge schließt.
Beispiel
Bei Eingabe von @media (min-width: 600px) { .card { padding: 2rem; } } lautet das Ergebnis gültig mit 2 geöffneten Regelblöcken; wird die letzte } entfernt, lautet es ungültig und meldet eine nicht geschlossene {.
Prüfung
Jede {, ( und [ muss in korrekter Reihenfolge eine passende Schließung haben; jeder Anführungszeichen-String muss vor Zeilenende mit demselben Anführungszeichen schließen; jeder /*-Kommentar braucht ein passendes */.
Ergebnis interpretieren
Ein gültiges Ergebnis bedeutet, dass die Datei sauber in Tokens zerlegt wird — es prüft nicht, ob Eigenschaftsnamen existieren, ob Werte für ihre Eigenschaft gültig sind oder ob Selektoren zu irgendeinem Element passen; eine Datei kann diese Prüfung bestehen und trotzdem einen Tippfehler wie colr: red oder einen ungültigen Eigenschaftswert enthalten.
Grenzen
Dieser Prüfer validiert CSS nicht so wie der W3C-CSS-Validator — er hat keine Datenbank mit Eigenschaftsnamen oder Wertgrammatiken, sodass semantische Fehler vollständig außerhalb des Umfangs liegen. Er zielt zudem auf reine CSS-Syntax ab, nicht auf Sass/SCSS/LESS-spezifische Syntax wie //-Zeilenkommentare oder Verschachtelungsoperatoren, die dieser Prüfer nicht als gültig erkennt.
Datenschutz
Die Verarbeitung nutzt lokale Browser-APIs; eingegebene Werte werden von diesem Tool nicht hochgeladen.
Häufig gestellte Fragen
- Was macht CSS-Validator?
- Prüft CSS-Text auf fehlerhafte Syntax: unausgeglichene { }-, ( )- und [ ]-Klammern, einen nicht abgeschlossenen Anführungszeichen-String und einen nicht geschlossenen /* */-Kommentar.
- Wie wird eine ungültige Eingabe behandelt?
- Jede {, ( und [ muss in korrekter Reihenfolge eine passende Schließung haben; jeder Anführungszeichen-String muss vor Zeilenende mit demselben Anführungszeichen schließen; jeder /*-Kommentar braucht ein passendes */.
- Werden eingegebene Daten hochgeladen?
- Die Verarbeitung nutzt lokale Browser-APIs; eingegebene Werte werden von diesem Tool nicht hochgeladen.