Получить корневой селектор и использовать его в качестве части другого селектора - в Stylus

Question

Я пытаюсь выяснить, какая небольшая вещь, которая меня аннулировала.

Я хочу, чтобы нижний селектор в коде ниже для повторного использования корневого селектора, поэтому селектор ведет себя как рабочий над ним.

.page 
    position relative 


    &__content 
     scroll() 
     overflow auto 


    &--home // working 
     .page__content 
      margin 30px 


    &--home // not working 
     & ~/__content 
      margin 30px 

Я знаю, что я мог сделать ~/селектор внутри блока __content, но я предпочел бы не - если это возможно.

Answer 1

Вы можете использовать только ~/ (первоначальную ссылку) в начале селектора, но существует еще один способ достичь того же с частичной ссылкой^[N]:

Stylus:

.page 
    position relative 
    &__content 
     scroll() 
     overflow auto 
    &--home 
     & ^[0]__content 
      margin 30px 

Выход:

.page { 
    position: relative; 
} 
.page__content { 
    overflow: auto; 
} 
.page--home .page__content { 
    margin: 30px; 
}