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

Question

Stylus 返回 'Failed to @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