获取根选择器，并将它用作另一个选择器的一部分 - 在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]：

书写笔：

.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; 
}