Сведения о вопросе

PIRLO

16:05, 21st August, 2020

Теги

css    

Существуют ли какие-либо инструменты для объединения CSS?

Просмотров: 328   Ответов: 3

У меня есть пара файлов CSS с перекрывающимися селекторами CSS, которые я хотел бы программно объединить (например, не просто добавить один файл в конец другого). Есть ли какой-нибудь инструмент, чтобы сделать это онлайн? или, возможно, расширение Firefox?



  Сведения об ответе

appple

05:59, 24th August, 2020

Я нашел фактор CSS -в комплекте с исходным кодом, но я думаю, что он делает гораздо больше, чем мне нужно. Я действительно просто хочу объединить CSS блоков, которые имеют одинаковые селекторы. Я проверю исходный код и посмотрю, можно ли его преобразовать во что-то полезное как TextMate bundle. То есть, если только кто-то другой не доберется до него раньше меня.

EDIT: еще лучше-вот список веб-инструментов для checking/formatting/optimizing css .


  Сведения об ответе

ЯЯ__4

21:28, 13th August, 2020

Нет, я бы хотел, чтобы это было так, но усилия по программированию кажутся слишком большими, поскольку существует множество способов ссылаться на один элемент. Лучшее, что вы можете сделать, это использовать среду выполнения, подобную FireBug, для поиска дубликатов.


  Сведения об ответе

lats

21:44, 10th August, 2020

Я написал утилиту 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 и т. д. Конечно, это поведение необязательно, вы также можете искать точный селектор. Или regex.

Помимо самого perl единственной зависимостью является CSS::Tiny

Это бесплатное программное обеспечение, и вы можете получить его здесь: cssmerge


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться