ジョニー

ジョニー

記事一覧

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

SCSSでの&(アンパサンド)の使い方は何パターンかありますが、タイトルにある親要素にこの要素があったらというスタイルの当て方はこのようになります。 .alert { .suc…

ジョニー
1年前
SCSS &で親要素によってスタイルを変える

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

SCSSでの&(アンパサンド)の使い方は何パターンかありますが、タイトルにある親要素にこの要素があったらというスタイルの当て方はこのようになります。

.alert { .success & { // 親要素指定 ... } .info &_normal { // 親要素指定 + クラス名追加 ... }}

セレクターの後に&をつけると、そのセレクターが親要素だった時だけ任意

もっとみる