Сравнение CSS онлайн
Сравнение и подсветка работают в браузере: код никуда не отправляется. Tab внутри поля делает отступ, Ctrl+Enter — сравнить.
Как сравнить два файла стилей?
Сравнение двух версий таблицы стилей: какие селекторы добавились, в каких правилах поменялись значения, где удалилась строка с display: flex и поехала вёрстка. Подсветка работает для обычного CSS, SCSS и Less, а изменённые значения внутри строки выделяются отдельно — видно, что правился только цвет или только отступ.
Типичные задачи: найти, что изменилось в style.css после обновления темы, сверить свой кастом с дефолтным файлом, разобраться, почему на проде стили отличаются от локальных, и проверить правку верстальщика перед приёмкой.
- Перетащите оба файла стилей в окна сравнения.
- Если различия только в отступах и переводах строк — включите «не считать пробелы».
- Отметьте «только различия», чтобы скрыть неизменную часть большого файла.
- Скопируйте результат или скачайте .patch для задачи в трекере.
Файлы могут быть разного размера и в разной кодировке — сравнение идёт построчно и не требует, чтобы структура совпадала.