Как исправить верстку с больших колличеством наследованных стилей?
Есть каталог товаров на Битрикс к котором соответственно используются компоненты с собственными стилями.
(Кто работал с Битриск знает сколь безмерное там количество папок и файлов).
Также есть верстка страницы каталога из html шаблона.
Все это спаяно в единый код. В итоге получается замороченный микс в котором куча файлов со стилями.
Как разгрести все это добро. Чтобы получилась адекватная страница?
Просто переверстать нельзя, потому что уже есть компоненты со своими стилями.
Да и готовый шаблон есть с адекватной версткой. А вот при соединении получается ерунда.
Ну а какие варианты то? Берёте и правите стили. Если неохота париться - подключайте в самом конце отдельный .css с правками, в которых будете перезаписывать нужные вам свойства. Не забудьте только соблюдать специфичность (вес) селекторов дабы свойства таки перезаписались с меньшим количеством !important'ов.
А спаяно как? Автоматически? Тогда во-первых в результирующем файле, в комментариях есть пути к исходным файлам, во-вторых можно снять соответствующую галочку в настройках главного модуля и сбросить кэш на страницы, и Вы увидите все файлы по отдельности.