Это замена валидатора W3C?

Нет. Это быстрый аудит синтаксических ошибок. Для спецификации CSS3 - W3C на /tools/w3c-val.

Онлайн валидатор CSS

Проверит баланс скобок { }, пропущенные ;, незакрытые селекторы и опечатки в именах свойств. Работает через встроенный парсер стилей браузера - ничего никуда не отправляется. Для глубокой проверки на соответствие CSS3 используйте валидатор W3C.

Перетащите .css-файл или нажмите

До 5 МБ

CSS-код

Все нейросети без VPN за 149₽ пополнение картой МИР и СБП

Что проверяет инструмент

Баланс фигурных скобок. Самая частая причина «съехавшей» вёрстки - забытая }.
Пропущенные точки с запятой. Браузеры прощают последнюю, но внутри блока это ломает следующее свойство.
Пустые селекторы и правила. Селектор без тела или блок без правил.
Опечатки в именах свойств. colr вместо color, bakground вместо background.
Невалидные значения. color: redd, display: flexed, лишние единицы.

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

Вставьте CSS или перетащите .css-файл.
Нажмите «Проверить». Валидатор пройдёт по правилам и выведет замечания с номерами строк.
Исправьте. Начните с ошибок баланса - они часто вызывают каскад вложенных.

Разница с валидатором W3C

W3C-валидатор (jigsaw.w3.org) проверяет на соответствие официальной спецификации CSS3: вендорные префиксы, допустимые значения, flex/grid-синтаксис. Наш локальный инструмент заметно быстрее и работает офлайн, но ловит в основном синтаксические и структурные ошибки. Для продакшена всё равно рекомендуем прогнать через W3C.

Почему валидатор не ловит colr: red?

Браузерный CSSOM парсит правило, не распознаёт свойство и молча его отбрасывает. Это по спецификации - чтобы будущие CSS-свойства не ломали старые браузеры. Опечатки такого рода находит W3C.

Поддерживается препроцессоры (SCSS, LESS)?

Нет. Только обычный CSS. SCSS-синтаксис (вложенность, переменные с $) парсер браузера не поймёт.