Накладывание классов css, как избежать?

Question

[Олег Ростовцев]

Подскажите, немного не понимаю как осуществить подключение какого то элемента, формы на страницу и при этом сделать так, что бы к ней не применялись те стили, которые уже есть на сайте. Просто менять все классы в новом элементе? Или есть какой то более разумный способ. Спасибо.

Answer 1

[Егор Рублёв]

Обернуть в div с определённым классом, потом подставить этот класс перед всеми свойствами css подключённого элемента.

<div class="wrapperFake">
    ваш элемент
  </div>

.wrapperFake .стильЭлемента {
    ...
}

Comments

[Олег Ростовцев]

спасибо)

[Егор Рублёв]

Конечно лучше избегать таких ситуаций и заранее планировать, что и как будет называться.

Answer 2

[Илья Пирожок]

Использовать вложенности. Например в SASS, есть главный класс-обертка и внутри него создается что то типа локальной области видимости, тем самым избегаем пересечения одинаковых классов.

.header-section {
.class1{}
.class2{}
}

.main-section {
.class1{}
.class2{}
}

.footer-section {
.class1{}
.class2{}
}

Answer 3

[Максим Тимофеев]

В css добавить класс, который сбрасывает не нужные параметры
Но в целом у Вас проект не правильно сделан, если без добавления классов элементы стилизуются.

Answer 4

[Виталий]

https://habrahabr.ru/post/256109/