私は以下のようなクラスを作成します:ネスティング複数の同じタイプのクラス1つの親内部
.colored{
&{
.red{background-color:red;}
.blue{background-color:blue;}
.gray{background-color:gray;}
}
}
をし、それが動作していないが、私はこのように書いた場合:
.colored{
&.red{
background-color:red;
}
&.blue{
background-color:blue;
}
&.gray{
background-color:gray;
}
}
それが動作します。最初のバージョンが期待どおりに機能しない理由はありますか?
私あなたは、私がこの <スパンクラス=「色> <スパンクラス=」赤 "> のように親要素に着色されたクラスを使用する必要がありますが、私はそれを望んでいないと言うと、私が書いた場合私はこのように使用したい + 3,00 $ – maviofis
私の答えに含まれるコードブロックは、何が間違っているかを示すことです*正しい解決策は質問の2番目のスニペットです – Harry
それは助けにならなかった。私はそれを解決するために別の方法を楽しみにしている – maviofis