在Stylus中，当@extend时，我是否必须从根目录中编写嵌套选择器？

Question

Stylus返回'失败到@extend“.selector2”'，但它在SASS中没问题。

.selector1
    color #000
    .selector2
        color #FFF
    .selector3
        @extend .selector2

当我在Stylus中从root编写选择器时，这没关系。

.selector1
    color #000
    .selector2
        color #FFF
    .selector3
        @extend .selector1 .selector2

但这很麻烦。

有没有办法像SASS一样编写Stylus？

Answer 1

根据我的经验，你不能像SASS一样编写Stylus @extend。但我可以建议替代方案：

1。我们只需使用@字符即可获得最近的color

的值

.selector1
    color #000
    .selector2
        color #FFF
    .selector3
        color @color

2 扩展占位符选择器

$foo
  color: #FFF
.selector1
    color #000
    .selector2
        @extends $foo
    .selector3
        @extends $foo