Инструменты разработчика

CSS-валидатор

Проверьте таблицу стилей: незакрытые скобки, строки и комментарии, объявления без двоеточия или точки с запятой, неизвестные свойства, недопустимые значения и селекторы, ошибочные медиазапросы, @import не на своём месте, пустые правила и повторы. Отдельно отмечаются конструкции, через которые в старых браузерах выполнялся код. Поддерживаются вложенные правила (CSS Nesting). Всё выполняется в браузере.

Рабочая область

Таблица стилей или фрагмент, до 500 000 символов.

Инструмент работает в вашем браузере: введённые данные никуда не отправляются.

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

  1. Вставьте CSS-код.
  2. Нажмите «Проверить».
  3. Исправьте замечания: у каждого указаны строка и столбец.

Вопросы и ответы

Почему результат зависит от браузера?

Свойства и значения проверяет движок вашего браузера — так же, как он будет применять стили. Новое свойство, которое браузер ещё не знает, будет отмечено как неизвестное. Чтобы проверить код для старых браузеров, откройте валидатор в них.

Ошибка ли повтор свойства?

Повтор с тем же значением — лишний код. Повтор с другим значением иногда делают специально (запасное значение для старых браузеров), поэтому он отмечается как совет.

Проверяются ли Sass и Less?

Нет, только CSS. Переменные и примеси препроцессоров валидатор посчитает ошибками.