Объединение CSS онлайн
Инструмент служит для объединения кода из двух файлов CSS. Каждый код CSS из файла разбивается на отдельные селекторы и свойства. Затем они сравниваются. Если селекторы совпадают, но значения свойств отличаются, то значение в файле 2 обновляется, чтобы оно соответствовало значению в файле 1. Это позволяет быстро обновить значения свойств. Это может быть полезно, например, при синхронизации стилей между двумя шаблонами сайтов, переезде на другую CMS с сохраняем стилей основных элементов.
Сейчас инструмент работает в альфа версии. Пока код не обрабатывает все случаи. Он не включает в себя обработку ошибок и проверку ввода кода.
Объединенный код CSS
Пример
Код CSS 1
body {background-color: lightblue; color: black;}
h1 {font-size: 24px;}
p {text-align: left;}
Код CSS 2
body {background-color: lightgreen; color: black;}
h1 {font-size: 24px;}
p {text-align: center;}
Результат
body { background-color: lightblue; color: black; }
h1 { font-size: 24px; }
p { text-align: left; }