Как избежать перезаписей стилей в рабочем проекте?

Question

[Сергей Маловичко]

Добрый вечер.
Имеется огромный проект на Битриксе + множество "прикрученных" самописных приложений связанных с Битриксом.
Требуется переписать интерфейс одного из приложений используя Bootstrap.
Проблема заключается в том, что уже существует "миллиён" стилей подключаемых, как самим Битриксом так и другими приложениями. В итоге, в стилях Бутстрапа - "каша".
Есть ли возможность "отменить" все подключенные ранее стили - да бы не лезть, ни в Битрикс, ни другие старые скрипты.
Или это безысходность?
Спасибо.

Answer 1

[sim3x]

Подключай less bs и пили свои названия классов в BEM стиле с префиксами .b-....

И в следующий раз постарайся избегать битрикса

Comments

[Сергей Маловичко]

Спасибо за идею! Не могли бы поделится ссылками на сервис и статью, если не сложно. Именно less-bs->BEM

[sim3x]

Сергей Маловичко:
BEM = https://en.bem.info/

ВЕМ - методология именования, можно не использовать тулзы от яндекса

ruby.bvision.com/blog/please-stop-embedding-bootst...
статья про то как нужно правильно использоваться бутстрап

те у тебя задача писать примерно в таком стиле

<div class="b-article">
  <div class="b-article__main-section">...</div>
  <div class="b-article__aside">...</div>
</div>

<!-- its accompanying Less stylesheet -->
.b-article {
  .makeRow();        // Mixin provided by Bootstrap

  &__main-section {
    .makeColumn(10); // Mixin provided by Bootstrap
  }
  &__aside {
    .makeColumn(2); // Mixin provided by Bootstrap
  }
}

код для бутстрапа2 - копипаста может ничего не дать

Изучи содержание файла mixins.less

[sim3x]

Сергей Маловичко: строго говоря, можно и не использовать BEM

другое дело, что хоть какой-то префикс для "своих" классов тебе стоит преминить, чтоб не путаться