如何在Stylus中获得root？

问题与BEM-模块更努力工作萨斯我们使用$root

.block 
    $root: & 
    background: gray 
    &__elem 
    background: red 
    color: black 
    &:hover 
    #{$root}__elem 
     color: white

此代码编译为：

.block { 
    background: gray; 
} 
.block__elem { 
    background: red; 
    color: black; 
} 
.block:hover .block__elem { 
    color: white; 
}

如何得到这个在手写笔中的效果？

来源

2016-06-08 Евгений Балашов

手写笔有一个特殊的选择器为相同的情况。

stylus-lang.com/docs/selectors.html#initial-reference

您可以使用~/或^[0]

.block 
    &:hover 
     ~/__elem 
      color: white

来源

2016-06-08 13:42:52 Fortael

[仅此代码工作（http://codepen.io/AliveDD/pen/aZvgOG?editors=0100） –

@ЕвгенийБалашов可能这是一个旧版本。试试这个 - http://stylus-lang.com/try.html#?code=.block%0A%20%20background%20gray%0A%20%20%26__elem%0A%20%20%20%20background%3A ％20％20％20％20％2F％3Ahover％20％26％0A％20％20％20％20％20％20color％3A％20blue – Fortael

如果我们使用@extend？ –

如何在Stylus中获得root？

回答

相关问题