CSS3:詳細度 - suto3の大福帳

CSS3:詳細度

一般的か限定的か

セレクタの内容がより具体的・詳細であるほど、そのルールセットが優先される。

詳細度の高い順

1. !important（詳細度：最も高い）

2. インライン記述（style 属性）

3. IDセレクター

4. クラスセレクター・属性セレクター・擬似クラス

5. 要素型セレクター、擬似要素

6. ユニバーサルセレクター

CSS3:specificity

CSS3:カスケードアルゴリズム

CSS3:優先順位

CSS3:!important

CSS3:セレクター

CSS3:セレクター指定

詳細度 - CSS: カスケーディングスタイルシート | MDN

kidaaam-92022284 - /kidaaam-92022284/CSSのカスケード規則と詳細度

CSS3-term.icon

https://img.shields.io/badge/CSS3-詳細度-1572B6.svg?logo=css3&style=for-the-badge

MDN.icon