Чистка css

[MAzZY]

Добрый день, коллеги

Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того.

Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее:

1) убрать неиспользуемые правила

2) указать пересекающиеся/дублирующиеся правила

3) максимально сократить код, убрав конструкции, подобные этой

 

Короче, нужно максимально оптимизировать css, но не просто убрать пробелы и сжать всё, а именно провести логическую чистку.

[li4e]

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

https://unused-css.com/

[by chris]

@MAzZY, для галпа я использую плагин csso

На входе

#page #header .search .button {
	background-color: transparent;
	cursor: pointer;
	background-image: url(../images/search-button.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	left: 8px;
	top: 6px;
}

 на выходе

#page #header .search .button{
	background-color:transparent;
	cursor:pointer;
	background-image:url(../images/search-button.png);
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	border-width:;
	border-style:none;
	position:absolute;
	left:8px;
	top:6px;
}

 

[klierik]

https://www.npmjs.com/package/gulp-cssbeautify
https://www.npmjs.com/package/gulp-csscomb

[MAzZY]

Насколько я понял, это лишь наведение красоты и порядка, а нужен логический анализ

[MAzZY]

Вот, похоже, что надо. Удаление неиспользуемых правил. Одной задачей меньше.

Спасибо

[MAzZY]

Всем спасибо за помощь.

Итог такой:

1) удаление неиспользуемых элементов:

• Аддон для FireBug - https://addons.mozilla.org/en-US/firefox/addon/css-usage/
• отдельный плагин Dust-Me Selectors - https://addons.mozilla.org/ru/firefox/addon/dust-me-selectors/

2) чистка правил, компоновка - http://css.github.io/csso/csso.html

[gam1et]

Вот здесь почитай, очень подробно расписано http://slaikblog.ru/category/css/css-optim/

[MAzZY]

23 часа назад, gam1et сказал:

Вот здесь почитай, очень подробно расписано http://slaikblog.ru/category/css/css-optim/

Ничего нового, если честно. Всё это я и раньше знал и именно поэтому искал сервисы автоматической чистки-оптимизации, чтобы вручную не ковырять