LetyShops пребивает стили, как можно без !important сделать файл стилей воглаве?

Question

[Илья]

Возникла странная проблема, установлено в браузере приложение "LetyShops", в шаблоне применяются гугловский шрифт material icons, соответственно в местах подключаемых иконок стоит класс ".material-icons".


Все функционирует во всех браузерах, но внезапно обнаружил перебитие стилей в FireFox
Пруфы(#letyshops-notification - указывает на то что стили относятся к данному приложению):

spoiler

Осознав что данная проблема из за установленного приложения, я первым делом подумал в сторону !important, но может возникнуть такой момент, через пол года я забуду о данной проблеме и буду расширять код, напишу вновь пару строк стилей и прежде чем обнаружу данный баг это увидит несколько пользователей, собственно вопрос, можно ли как-то ограничить/отключить влияние внешних стилизаций?

Comments

[iBird Rose]

по скрину не очень понятно с чего вдруг #letyshops-notification должен перебивать стили у вашего .material-icons ?

[Илья]

iBird Rose, это обвел скорее для понимания, что файл относится именно к данному приложению

Answer 1

[Илья]

Прогнал все свои css файлы через регулярки, заменил ".material-icons" на ".material-icons_my", так же прогнал все файлы шаблона, на замену класса.
В общем пришел к радикальным мерам, надеюсь будет кому-то полезен мой опыт.