如何在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？

回答

相關問題