2024年06月28日 投稿意外と知らないCSSの基礎CSSの詳細度
意外と知らないCSSの基礎 CSSの詳細度。
CSSって時々うまくスタイルが適用されないことがあります。
長く書いている人達でも必ずぶつかる壁が、詳細度です。
詳細度 (Specificity) は、ある要素に最も関連性の高いCSS宣言を決定するためにブラウザーが使用するアルゴリズムで、
これによって、その要素に使用するプロパティ値が決定されます。
詳細度のアルゴリズムは、CSSセレクターの重みを計算し、競合するCSS宣言の中からどのルールを要素に適用するかを決定します。
（詳細度 – CSS: カスケーティングスタイルシート | MDN）
https://developer.mozilla.org/ja/docs/Web/CSS/Specificity
とされています。
要約するとある要素の設定が複数あった場合、どのルール（セレクタ）を適用するかを決めるためのアルゴリズムです。
今回は少し難しい内容ではありますが、知っていると今後の記述に必ず役立ちます。
是非、参考にしてください！
#CSS詳細度#CSS#HTMLタグ#タグ要素#HTML5#HTML_Living_Standard#Web制作#webデザイン勉強中の方と繋がりたい#webデザイン勉強中#webデザイン初心者#webデザインスクール#プログラミング#プログラミング学習#プログラミング勉強中#プログラミング教室#千葉#ホームページ制作#ホームページ#ホームページデザイン