В Stylus трябва ли да пиша вложен селектор от неговия корен, когато @extend?

Stylus връща 'Failed to @extend ".selector2" ', но е ОК в SASS.

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

Добре е, когато пиша селектори от root в Stylus.

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

Но е доста неприятно.

Има ли някакъв начин да напиша Stylus по същия начин като SASS?

stylus

newformation 29.01.2015 източник

arrow_upward
1
arrow_downward

Според моя опит не можете да напишете Stylus @extend по същия начин като SASS. Но мога да предложа алтернативи:

1. можем просто да използваме знака @, за да получим стойността на най-близкото color

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

2 Разширяване на селектори за контейнери

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

Alex Khlebaev 29.01.2015