CSSにおけるセレクタの優先順位 - reflux flow

セレクタの優先順位を決める詳細度の計算方法。 このページの目次 はじめに セレクタの種類 優先順位の計算方法 参考文献 主な変更履歴 はじめに ここではCSS2.1の仕様を元にセレクタの優先順位を決める詳細度（specificity）の計算方法について説明します。 セレクタの種類 まずは用語の確認（参考: 5 Selectors）。 全称セレクタ すべての要素に適合するセレクタ。「*」と記述する。 IDセレクタ id属性（HTML/XHTMLの場合）に基づくセレクタ。「#ID」と記述する。 クラスセレクタ class属性に基づくセレクタ。「.クラス名」と記述する。属性セレクタを用いた「[class~=クラス名]」と意味は同じ。 属性セレクタ 属性および属性値に基づくセレクタ。「[属性名]」、「[属性名=属性値]」、「[属性名~=属性値]」、「[属性名|=属性値]」のように記述する。 疑似ク

[tokumita]

CSSのスタイルで適用される順番

[gifnksm]

影響範囲の広い方が詳細度が小さい＝優先順位が低い

[efcl]

CSSセレクタの固有値、詳細度による優先順位の計算方法

[npmeOrg]

優先順位

[fujimogn]

詳細度

[taizooo]

セレクタの優先順位を決める詳細度の計算方法。