Можно ли в Sass использовать & на прародителя?

259
16 ноября 2017, 03:47
.wrapper {
  width: 10px;
  &_item {
    &:hover {
      width: 20px;
      .wrapper_button { ????
        color: black;
      }
    }
  }
}

Можно ли вмеcто .wrapper_button использовать амперсанд?

Answer 1

По простому - нет. Вы не можете с помощью амперсанда выбрать уровень. Но вы можете использовать переменные:

.wrapper {
  $ws: &; // wrapper selector
  width: 10px;
  &_item {
    &:hover {
      width: 20px;
      #{$ws}_button {
        color: black;
      }
    }
  }
}
Answer 2

Можно, результат тогда такой

.wrapper {
  width: 10px;
}
.wrapper_item:hover {
  width: 20px;
}
.wrapper_item:hover {
  color: black;
}
READ ALSO
Ошибка LoadError on line [“59”] компиляции gulp-compass

Ошибка LoadError on line [“59”] компиляции gulp-compass

Установил ruby > в терминале IDE прописал

423
Верстка бутстрап

Верстка бутстрап

Подскажите способ как разделить хедр как на скрине, желательно на бутстрап

382