У меня есть несколько файлов CSS с перекрывающимися CSS-селекторами, которые я хотел бы программно объединить (как в том, чтобы просто не добавлять один файл к концу другого). Есть ли способ сделать это онлайн? или расширение Firefox возможно?
Есть ли инструменты для слияния CSS?
Ответ 1
Я нашел Factor CSS - в комплекте с исходным кодом, но я думаю, что он делает больше, чем мне нужно. Я просто хочу комбинировать блоки CSS, которые имеют одни и те же селекторы. Я проверю исходный код и посмотрю, можно ли его преобразовать в нечто, пригодное для использования в качестве пакета TextMate. То есть, если кому-то еще не удастся добраться до него.
EDIT: Еще лучше - здесь список веб-инструментов для проверки/форматирования/оптимизации css.
Ответ 2
Нет, мне жаль, что не было, но усилия по программированию выглядят слишком много, так как существует несколько способов ссылки на один элемент. Лучшее, что вы можете сделать, это использовать среду выполнения, такую как FireBug, чтобы найти дубликаты.
Ответ 3
Я написал программу Perl, чтобы сделать это несколько лет назад.
Как и объединение одного или нескольких таблиц стилей в один последовательный отсортированный вывод (в комплекте с комментариями, чтобы показать, в каком файле (-ах) появилось каждое свойство и предупреждения, когда свойство имеет противоречивые значения), вы также можете выборочно искать или объединять на основе селектора, свойства или того и другого.
Они обрабатываются разумно, так что, например, если вы ищете свойство font, вы также получаете font-size, font-weight и т.д. (все еще представлены внутри блоков CSS соответствующими селекторами, из которых они были взяты). Аналогично, поиск в селекторе пытается сделать "Правильно" (т.е. Вообще полезнее). Если вы ищете, скажем, элемент a, он будет соответствовать любому блоку с селектором a, a:hover, a.extlink, a#mylink, .foo a, #bar a, p a, pre > a, a + p, a img... (последние два не влияют непосредственно на стиль самого a, а на соседний или дочерний элемент, о котором часто бывает полезно знать в таком поиске), без соответствия #a, .a и т.д. Конечно, это поведение необязательно, вы также можете найти точный селектор. Или регулярное выражение.
Помимо самого perl единственная зависимость CSS:: Tiny
Это бесплатное программное обеспечение, и вы можете получить его здесь: cssmerge