Чтобы узнать структуру sass

Question

Это моя структура sass, пожалуйста, объясните, что это значит?

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

.class-name{ 
    some styles.. 
    &.class-name2{ 
    some styles.. 
    } 
} 

Answer 1

The & сообщает пре-процессор, чтобы добавить родительский селектор в-передней части вложенного класса.

так это:

.class-name{ 
     background: blue 
     &.class-name2{ 
      background: red; 
     } 
} 

компилируется тоже:

.class-name {background: blue;} 
.class-name.class-name2 {background: red;} 

Использование будет:

<div class="class-name">This background is blue</div> 

и

<div class="class-name class-name2">This background is red</div>