Sass амперсанд, чтобы выбрать элемент со вторым классом, но и расширить имя

Question

У меня есть следующие классы для элемента:

<div class="scene scene__1"></div>

, и я хотел бы выбрать его Sass способом:

.scene {
  & &__1 {
   /* do something */
  }    
}

, но это делает не работает.

Не работает &&__1 { } или &.& { }

Answer 1

Вы можете использовать интерполяцию на втором амперсанде, чтобы получить желаемый результат:

.scene {
  &#{&}__1 {
   /* do something */
  }    
}

Он будет скомпилирован как .scene.scene__1