Как удалить и соединить идентичные селекторы CSS?

Question

[Issue]

В процессе работы с шаблоном Joomla у меня пролублировался файл дважды, вместо 8000 строк CSS стилей столо около 16000.

.browse-view > h1{
    color: #9a2425;
}
.browse-view > h1{
    text-align:center;
}

Тут у меня имеются два селектора идентичных, но содержимое разное. Таких блоков очень много. Каким методом их можно привести в приемлемый вид?:

.browse-view > h1{
    color: #9a2425;
    text-align:center;
}

Comments

[Ankhena]

Если приемлемый вид, это просто объединение селекторов, то что-нибудь типа csso.
Если что-то другое, не имеющее алгоритма, то, видимо , ручками.

[Issue]

Ankhena, А что вы имеете ввиду, говоря "не имеющее алгоритма" в CSS? CSSO может выезать какие-то данные из моих CSS стилей?

[Ankhena]

Paul Plotnikov, csso нет

Answer 1

[coderisimo]

Попробуйте штуки типа https://css.github.io/csso/csso.html

Comments

[Issue]

Благодарю!
Первый раз чистил с помощью css-purge, вышло 4 600 000 символов в 1 строке, после этого руками урезал до 450 000 символов на 16 000 строк. А этот сервис сделал из 16 000 строк 2500 сток и всего 200 163 символа.

Работа со стилями стала очень удобной. Еще раз благодарю!

[coderisimo]

Paul Plotnikov, работает шустро, надеюсь, ничего лишнего не оттяпает! :)

[Issue]

coderisimo, Все четко, до этого тысяч 10 конфликтов и каждый раз при правке приходилось искать что мешает. Единственный вопрос как соединить media screen разбросанные по всему файлу:

@media (max-width:767px){
.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{margin-left:-20px;margin-right:-20px}
.container-fluid{padding:0}
.........
}

@media (max-width:767px){
.dropdown-menu .menuitem-group{background-color:#10223e;color:#eee}
.dl-horizontal dd,.row,.thumbnails{margin-left:0}
.........
}

У меня их десятки повторяющихся для каждого брекпоинта и вручную я сейчас соединяю:

@media (max-width:767px){
.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{margin-left:-20px;margin-right:-20px}
.container-fluid{padding:0}
.dropdown-menu .menuitem-group{background-color:#10223e;color:#eee}
.dl-horizontal dd,.row,.thumbnails{margin-left:0}
.........
}

Есть ли сервис или утилита для решения таких задач?

[coderisimo]

Paul Plotnikov, честно , никогда не искал подобного. Давно использовал что-то типа https://css.github.io/csso/csso.html . Для моих задач хватало с головой