親を参照する方法はありますが、タグを付け加える方法はありますか？

Question

私はこの

.A { 

} 
input.A { 

} 

どのように私は親.Aを考慮するためにSASSを使用することができている場合は？試しました

.A { 

    input.& { 

    } 
} 

しかし、動作しませんでした。

Answer 1

最後に親セレクタを追加するとき、Sassは常に問題があるようです。親セレクターが最初または途中で追加されても、問題はありません。

可能な解決策の1つは@at-root directiveです。 @at-rootディレクティブは、（ネストされたブロックではなく）セレクタをルートレベルに移動し、親セレクタをselector interpolationに追加すると、期待される出力を生成するようにコンパイラに指示します。

.A { 
    @at-root input#{&} { 
    property: value; 
    } 
} 

（@at-rootディレクティブせずに、単にセレクタ補間を使用すると、.A input.Aを生産することになります。）