在 Stylus 中,@extend 时是否必须从其根部开始编写嵌套选择器?
In Stylus, do I have to write nested selector from its root when @extend?
手写笔returns'Failed to @extend ".selector2" ',但在SASS.
中是可以的
.selector1
color #000
.selector2
color #FFF
.selector3
@extend .selector2
在Stylus中从root写选择器就OK了
.selector1
color #000
.selector2
color #FFF
.selector3
@extend .selector1 .selector2
但是比较麻烦
有没有什么方法可以像SASS一样写Stylus?
根据我的经验,您不能像 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
手写笔returns'Failed to @extend ".selector2" ',但在SASS.
中是可以的.selector1
color #000
.selector2
color #FFF
.selector3
@extend .selector2
在Stylus中从root写选择器就OK了
.selector1
color #000
.selector2
color #FFF
.selector3
@extend .selector1 .selector2
但是比较麻烦
有没有什么方法可以像SASS一样写Stylus?
根据我的经验,您不能像 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