ジョニー

ジョニー

最近の記事

SCSS &で親要素によってスタイルを変える

SCSSでの&(アンパサンド)の使い方は何パターンかありますが、タイトルにある親要素にこの要素があったらというスタイルの当て方はこのようになります。 .alert { .success & { // 親要素指定 ... } .info &_normal { // 親要素指定 + クラス名追加 ... }} セレクターの後に&をつけると、そのセレクターが親要素だった時だけ任意のスタイルを当てることができます。 コンパイルされた結果: .success

    SCSS &で親要素によってスタイルを変える