Удалять повторяющиеся объявления CSS для нескольких файлов

Я ищу, чтобы удалить повторяющиеся объявления CSS из нескольких файлов, чтобы упростить реализацию изменений. Есть ли инструмент, который может мне помочь?

Сейчас я сталкиваюсь с чем-то вроде этого:

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
width:800px;
height:1000px;
background: blue;
}

И я хочу это:

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
background: blue;
}

Общее количество строк во всех файлах превышает 10 тыс., поэтому методы, которые полагаются на ручное редактирование, не являются опцией.

Ответ 1

Я написал для этой цели инструмент, называемый csscss. В качестве бонуса он также объединяется с Sass и LESS. Сделайте снимок и сообщите мне, есть ли у вас проблемы в github.

Ответ 2

помог мне очистить селекторов - Использование CSS - расширение Firebug для просмотра того, какие правила CSS действительно используются.

https://addons.mozilla.org/en-US/firefox/addon/css-usage/

Ответ 3

Я сделал инструмент nodejs, чтобы помочь с этим, он в настоящее время обрабатывает отдельные файлы, но lemme знает, помогает ли он или какие-либо улучшения, не стесняйтесь его разворачивать и переводить на другой уровень:)

https://npmjs.org/package/css-purge

https://github.com/rbtech/css-purge

Ответ 4

Эта система утверждает, что: http://sourceforge.net/projects/cssmerge/?source=dlp

Но я не мог заставить его работать.

Итак, здесь есть несколько инструментов для сравнения файлов CSS. Это не так быстро, как автоматическое решение, но сделает его быстрее, чем только визуальное сравнение.

http://www.diffchecker.com/

http://www.araxis.com/merge_mac/index.html

http://csscompare.codeplex.com/

Ответ 5

Вы можете использовать W3C CSS validator для удаления дубликатов свойств. Загрузите файл css, щелкнув по загрузке файла и нажмите "Проверить", затем перейдите к разделу "Предупреждения", где вы можете увидеть повторяющиеся повторяющиеся свойства. Затем вы можете удалить свои дубликаты, перейдя к определенной строке в файле.

URL: http://jigsaw.w3.org/css-validator/#validate_by_upload

Ответ 6

Вероятно, самое близкое к тому, что вы ищете, - это препроцессор css и импорт css. Мне нравится МЕНЬШЕ: http://lesscss.org/

Я бы сделал что-то вроде

styles.css
@site-width: 800px;
@site-height: 1000px;

#content {
width: @site-width;
height: @site-height;
background: green;
}


styles.game.css
@import url("style.css");

#content {
width: @site-width;
height: @site-height;
background: blue;
}

ИЗМЕНИТЬ: Мне кажется, что вам вообще не нужен LESS, или высота и ширина в styles.game.css

Это будет выглядеть как

styles.game.css
@import url("style.css");

#content {
background: blue;
}