何もないけどヨロシク。designmarkupetc.ARCHIVES20192018【Sass(SCSS)】#{$this}を使って入れ子の親(Block)のセレクタ名を継承2018年12月24日markupBEMとSMACSSをカスタムしたルールを使っていて、BEMの書き方がSCSS(SASS)と相性いいので気に入っている。SCSSでは親セレクタ名を引き継げるので子要素に「&」をつけて親セレクタ名を引き継いで管理するが、親要素がModifierのバージョン違いみたいな時に、Modifier(バージョン違い)の子要素にも大本の親セレクタ名を引き継ぎたいケースが出てくる。いうことかというと、CSSだとこんな感じ。.block__element{...}その場合、SCSSだと、こういう風になる。}この時に、Modifierの中の、「block__element」がせっかく他で「&」を使ってセレクタ名を継承する書き方で統一したのに、ここだけそのまま記述するのがどうも嫌なので調べてみたらあった。&;」を記述して、対象となる子要素のセレクタ名に#{$self}とすると、親要素のセレクタ名が引き継ぐことができる。基礎知識レベルなんだけどネットで情報探すと、検索の仕方が重要になるし、なかなか求めている情報が見つけられないから、参考書買って基礎をやり直そうと思った。【CSS】Flexの小技いろいろまとめ。(都度更新)2019年10月21日HTMLサイトの共通部分(ヘッダーやフッター)をPHPでパーツ化し、現在のページのメニューにクラスを追加する方法。nanimonaikedo.プライバシーポリシ。