Есть какие-нибудь расширения или библиотеки и т.д., чтобы автоматически применялись стили "грамотно". Как в scss

Допустим есть есть div, а в нём текст. Я даю тексту текстовые стили, а расширение "нужные"(что наследуются) стили применяет к диву. Чтобы не было лишних строк в css файле. Вот пример:

https://jsfiddle.net/Lrg6np50/

Я имел ввиду, чтобы преобразовался код как в scss, или наподобие.