CSS Валидатор

Об этом инструменте

CSS-валидатор проверяет код CSS на распространённые синтаксические ошибки, включая несовпадающие фигурные скобки, отсутствующие точки с запятой, некорректные объявления и пустые наборы правил.

Вся проверка выполняется в браузере — CSS не отправляется ни на какой сервер.

Как использовать

1. Вставьте код CSS в область ввода или нажмите «Пример (Корректный)» или «Пример (С ошибками)» для загрузки примера.
2. Нажмите «Проверить» для запуска проверки.
3. Просмотрите результаты — ошибки показаны красным с номерами строк, предупреждения — янтарным.
4. Исправьте проблемы в CSS-редакторе и повторяйте проверку до устранения всех ошибок.

Случаи использования

Фронтенд-разработчики отлаживают стили, которые не применяются корректно. Студенты, изучающие CSS, обнаруживают синтаксические ошибки без DevTools браузера.

Частые вопросы

• Проверяются ли свойства CSS по спецификации W3C? — Нет. Инструмент проверяет структурный синтаксис (фигурные скобки, точки с запятой, двоеточия).
• Почему корректный CSS показывает предупреждение? — Валидатор использует эвристику и может отмечать граничные случаи. Предупреждения носят информационный характер.
• Поддерживаются ли переменные CSS и пользовательские свойства? — Да. Строки с --variable-name распознаются как объявления пользовательских свойств.
• Отправляется ли CSS на сервер? — Нет. Проверка полностью выполняется в браузере с помощью JavaScript.