CSS詳細度を図解する：IDs・class・typeから :is() :where()まで

HTML/CSS
CSSが「思った通りに上書きされない」とき、原因の多くは詳細度（specificity）の理解不足です。前回までの記事で:is()/:where()を使った詳細度設計の話をしてきま…
続きを読む

nth-系セレクタとクラス名指定の完全ガイド：CSSで「何番目か」を指定する

HTML/CSS
「最初の要素だけスタイルを変えたい」「最後の3つだけマージンをなくしたい」——こういった位置ベースの指定はCSSでよく書く。:nth-of-type()の基本から、:nth-chi…
続きを読む

CSS Layersの使い方と注意点 - 実際に使って分かった問題点

HTML/CSS
CSSLayersは2022年に主要なモダンブラウザでサポートされた機能で、CSSのカスケードを「レイヤー」という単位で管理できる仕組みです。理論的には詳細度の悩みを根本から解決し…
続きを読む