アンパサンドを使用するときに構文上の親をどのようにターゲットできますか？

Question

私は自分のscssセレクタでいくつかの重複を削除しようとしています。私はこのようにそれを書き換えてみました

.container { 
    .operation { 
    color: green; 
    } 
    .row.is-active &, 
    .row:hover & { 
    .operation { 
     color: inherit; 
    } 
    } 
} 

：

.container { 
    .operation { 
    color: green; 
    } 
    .row & { 
    &.is-active, &:hover { 
     .operation { 
     color: inherit; 
     } 
    } 
    } 
} 

しかし、これは.is-activeが.containerの代わりに、アンパサンドを使用しているとき、私は構文親をターゲットにすることができますどのように.row

に適用されますか？

Answer 1

最初に間違って理解していたので、もう一度質問に答える時間がありました。残念ながら、現時点でSASSでこれを行う方法は全くありません。セレクタや文字列を操作するために、さらに進化したSASS functionsを使用しようとしても、これは不可能です。

はStylusを使用して行うことが可能であるいくつかの良いニュース

があります。 私はcodepenでライブExampleを作成しました。

// Stylus - not SASS 
    .container { 
    .operation { 
     color: green; 
    } 
    .row { 
     ^[-1..-1]:is-active ^[0], ^[-1..-1]:hover ^[0] { 
     .operation { 
      color: inherit; 
     } 
     } 
    } 
    } 

は、私はそれがオプションであなたを提供するかもしれない、これは非常に少なくとも、何らかの方法であなたを助け願っていますが、残念ながらSASSは、あなたがしようとしているものを達成することはできません。