エンジニアはもう一度CSSとちゃんと向き合ってみよう - 詳細度編 - Qiita

WHAT CSSには詳細度（Specificity）という概念があります． 詳細度は、どのプロパティ値が最もある要素に関係があり、適用されるかをブラウザが決定する手段です。 詳細度 - CSS | MDN 簡単に言うと，「スタイルが重複したとき，どのスタイルを優先するか」の優先度を定量評価したものになります． 詳細度はa, b, cのようなカタチで表されます． 細かい説明するのは面倒なので，ざっくりと以下にリストアップします． 全称セレクタ: a=0, b=0, c=0 * 要素，擬似要素: a=0, b=0, c=1 li, ::before, ::first-line, etc. クラス，擬似クラス，属性: a=0, b=1, c=0 .classname, :first-child, [type=password], etc. id: a=1, b=0, c=0 #idname あと

[ymm1x]

“詳細度はバージョン番号っぽく考える”

[namikuguri]

詳細度のあつい説明

[y-kawaz]

曖昧に見える記述とか内部実装ハックとかのしょうもないクイズやるより論理的に階層的にちゃんとやればいいんじゃないの？

[hokorobi]

擬似クラスとか、擬似要素とかを知らなかったけど、詳細度は大体知識にあったとおりだった。

[tyru]

詳細度知らんかった

[lequinharay]

ポイント制は前は誤解してたなー

[bps_tomoya]

CSS 詳細度をポイント方式で考慮するのではなく、バージョンのように計算すればどちらが優先されるのかが分かりやすい、というお話。

[o_ti]

詳細度はa=n,b=n`,c=n``のa,b,cに意味があるんだから、それを取っ払って1.10.1とかで説明するのもどうなんすかね？

[zonu_exe]

よさ

[k3akinori]

これは分かりやすい。

[kamatamadai]

"(CSSの)詳細度は(ポイント制でなく)バージョン番号っぽく考えることをオススメします" この説明はいい!

[manaten]

sassとかでちゃんと階層的に書いてれば優先度ではそんなに苦労しないかな・・・？idもほとんど使う必要ないし

[efcl]

"詳細度はバージョン番号っぽく考えることをオススメします"

[ir_takt]

cssの優先度はバージョン番号風に表される

[side_tana]

いいまとめ

[clavier]

エンジニアはもう一度CSSとちゃんと向き合ってみよう - 詳細度編 - Qiita

[dikn]

"詳細度はバージョン番号っぽく考える"人に説明するとき良さげ

[kutakutatriangle]

CSS、しっかり書くの難しすぎる。

[miruzouq]

あとで読む