@hollanditkzn

Почему не работают при компиляции стили?

У меня такой вопрос, почему при раскрывающем строек, стили срабатывают вот так
.child.animate div {
  height: 2em;
  opacity: 1;
}

А скомпилированный сасс е работает
.child .animate div {
  height: 2em;
  opacity: 1;
}

Вот пример https://jsfiddle.net/hollanditkzn/x2bcukw7/18/
Если добавить пробел то ничего не работает?
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
infern01it
@infern01it
учусь быть крутым front-end разработчиком :)
чтоб скомпилоровалось так .child.animate div
в sass нужно писать вот так:
.child
  &.animate
    div
      color: red


а чтоб скомпилоровалось вот так .child .animate div
соответственно так:
.child
  .animate
    div
      color: red


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

.child
  &_animate
    &__color
      color: red

станет таким

.child_animate__color {
  color: red
}


в scss тоже самое...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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