Инструмента для извлечения CSS (и наладки охвата)

Question

У меня есть вебы-страница с главным родительского сНом тегом

<div class="mainDiv">...</div> 

, который содержит очень большое количество дочерних элементов. На странице есть внешняя таблица стилей, в основном с селекторами элементов вместо селекторов классов: Например.

img {...} 

вместо

.myImgCls {...} 

мне нужна таблица стилей, которая содержит глобальные (страницы) CSS применяется только к mainDiv Div теге мой, так что я могу легко придать мой mainDiv HTML на любой странице, а также с этой новой таблицей стилей, , не мешая селекторам элементов новой страницы.

Итак, я в основном ищу инструмент, который будет генерировать что-то вроде:

.mainDiv img {...} 

за все внутри моей mainDiv.

Выполнение этого вручную не может быть и речи из-за большого количества элементов в mainDiv.

Для дальнейшей разработки: это нужно для jplist, который поставляется со стандартным jplist.demo-pages.css; однако вместо того, чтобы стилизовать только экземпляр jplist, этот стандартный jplist.demo-pages.css содержит в основном селектор элементов, поэтому, если я хочу напрямую добавить стандартный экземпляр jplist на странице, мне придется использовать jplist.demo-pages.css и это будет мешать оригинальной таблице стилей моей страницы.

Answer 1

Если вы ищете простой способ гнездиться все эти элементы в основной DIV, вы можете попробовать Sass:

.mainDiv 

    // Child selectors go here 

Примечание: Отступы важно.