コードを書く日々:フリーランスエンジニアの技術メモ

何度も同じことをググってしまう自分の備忘録です。何か調査した際には、そのエッセンスを記事としてまとめ、とりあえず共有することを心がけています。

CSS/Sass

Sassで親セレクタのクラス名を含めた要素を選択する

Sassでは、親要素に指定された複数のクラス名のうち、特定のクラス名を持つ要素を選択するために、セレクタの複合クラスを使用します。 例えば、class属性が "a b" となっている要素に対して、"a"クラスの中で"b"クラスを選択する場合、以下のように書くこと…

Sassファイルの分割にあたって考慮すべき要因

Sassファイルを分割する際に考慮すべきいくつかの要因です。 プロジェクトの構造に基づく分割 プロジェクトの構造に基づく分割は、特定のフォルダ内に関連するファイルをグループ化することを意味します。たとえば、ヘッダーやフッターといったセクションは…

Sassファイルの :root {} はどういう意味?

:root は Sass および CSS 中の特別なセレクタです。このセレクタは、HTML ドキュメントのルートエレメントを表します。通常、HTML ドキュメントのルートエレメントは 要素ですが、特別な場合を除いて、この要素に直接スタイルを適用することはできません。 …