エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SCSSの記法で出てくる $this: & !global; の意味は?
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SCSSの記法で出てくる $this: & !global; の意味は?
以下の記事で紹介されているBEM記法に $this: & !global; という記法が見られるのですが、どういう意味... 以下の記事で紹介されているBEM記法に $this: & !global; という記法が見られるのですが、どういう意味でしょうか? BEMのmodifierでスタイルを切り替える時の書き方 - Qiita scss .p-hoge{ $this: & !global; display:flex; background-color:#f00; &--reverse{ background-color:#00f; } } .p-hoge__photo{ width:100px; #{$this}--reverse &{ order:1; } } .p-hoge__text{ font-size:1.5rem; #{$this}--reverse &{ order:0; } } scssをcssにコンパイルすると下記のcssが出来ました。 .p-hoge { display: -webkit-b