@Ispanec1998

Как изменять свойства другого класса при условии наличия класса у родителя?

Есть элемент
<div class="main">

Как описать стиль main так, что если мы добавим в main класс red, что у других элементов меняется стиль?
Т.е. при условии мы меняем стили у block1 и block2
Описание стилей в SASS
.main
   .red
     .block1
       color: red
      .block2
       color: red
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.main {
  .block1 {
    color: blue;
  }
}
.main.red {
  .block1 {
    color: red;
  }
}

то же самое
.main {
  .block1 {
    color: blue;
  }
  &.red {
    .block1 {
      color: red;
    }
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы