JavaScript — собрать все настройки CSS, которые содержат определенный цвет

Я хочу изменить цвет темы WordPress. Проблема в том, что я не могу использовать «поиск и замена» текущего файла CSS. Я должен переопределить все настройки цвета в отдельном файле (в дочерней теме). И есть более 100 различных настроек с цветом.

Мне нужно собрать все селекторы и настройки CSS, которые содержат этот цвет, и переопределить его с помощью нового файла CSS.

Я хотел бы это:

#some_id{width:100px;background:#ff0000;}
.some_class{height:100px;background:#ff0000;color:#ff0000;}
a:hover{color:#ff0000;font:12px/arial}

Чтобы стать этим:

#some_id,.some_class{background:#ff0000;}
.some_class,a:hover{color:#ff0000;}

Кто-нибудь знает инструмент или сценарий для этого?

Я знаю некоторые базовые PHP и Javascript.

0

Решение

У вашей темы WordPress разные «скины» для разных цветов? Например, есть ли настройка, в которой вы можете выбрать один из нескольких предустановленных цветов, которые превратят все эти 100+ элементов в один цвет? Если это так, то, вероятно, где-то есть файл CSS для каждой предоставленной им опции цвета (например, green.css, blue.css). Вы можете скопировать / вставить код оттуда, чтобы найти все селекторы

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector