W3C CSS Validator: официальная проверка синтаксиса ваших таблиц стилей

Когда вёрстка упорно отображается не так, как задумано, причина порой оказывается банальной: пропущенная точка с запятой, лишняя фигурная скобка, «colr» вместо «color». Браузер просто молча игнорирует ошибочную строку. Именно это и выявляет валидатор W3C — за несколько секунд, без установки и с авторитетом консорциума, который публикует спецификации CSS. Новичку, студенту или верстальщику, которому нужна быстрая проверка, он по-прежнему полезен.

Но нужно понимать, чего он не делает. Валидный не значит совместимый: инструмент ничего не говорит о том, поддерживают ли свойство Safari или Firefox, и полностью корректный CSS всё равно может отображаться плохо. Главное — валидатор отстаёт от стандартов. В наших тестах он принимал вложенность правил, селектор :has() и каскадные слои @layer, но помечал как ошибки контейнерные запросы и правило @property, хотя их поддерживают все современные браузеры. Ошибка в отчёте — не всегда ошибка в коде, так что разбираться приходится самому. Префиксы вроде -webkit- теперь выдаются лишь как предупреждения, и читать отчёт стало легче.

В профессиональных проектах инструмент в итоге уступил место линтерам — прежде всего Stylelint, — которые проверяют код прямо в редакторе и при каждом коммите по правилам, настроенным под команду. Валидатор W3C остаётся хорошим вторым мнением или простым способом проверить CSS сайта, исходников которого у вас нет. И последнее замечание: документация не всегда актуальна — в ней до сих пор сказано, что профиль по умолчанию CSS 2.1, хотя форма теперь предлагает CSS 3.