ページトップへ

そもそもCSSの「セレクター」とは何か？
「詳細度アルゴリズム」とは何か？
「詳細度」はどのようにして決まるか？
基本的に「詳細度」の数値が高い方が優先される
最初に「id列」の数値が大きいセレクターが最も優先される
次に「class列」の数値が大きいセレクターが優先される
最後に「type列」の数値が大きいセレクターが優先される
結合子はカウントされない
「*」全称セレクターもカウントされない
「:not()、:has()、:is()」はカウントされない
「詳細度アルゴリズム」の範囲外
「インラインスタイル」
「!important」が最優先
まずは詳細度を低く書く
「属性セレクター」を使って「idセレクター」の詳細度を下げる
複合セレクターを使う「#hoge#hoge」
参考リンク。
あわせて読みたい記事。
まとめ

皇帝ペンギンブログ

2024年2月の記事一覧

【CSS】「詳細度アルゴリズム」について解説！【分かりやすい】

CSSのセレクター編

2024/2/19 (2024/07/11)

【CSS】「セレクターリスト」について解説！【注意点についても】

CSSのセレクター編

2024/2/13 (2024/07/11)

【CSS】単純、複合、複雑セレクターについて解説！【初心者向け】

CSSのセレクター編

2024/2/11 (2024/07/11)

【CSS】「後続兄弟結合子」について解説！【subsequent sibling combinator】

CSSのセレクター編

2024/2/10 (2024/07/11)

【CSS】「次兄弟結合子」について丁寧に解説！【隣接兄弟結合子】

CSSのセレクター編

2024/2/6 (2024/07/11)

【CSS】「属性セレクター」について解説！【分かりやすい】

CSSのセレクター編

2024/2/4 (2024/07/11)

自分のロゴ！

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい。-_- 。
よろしくお願いします！

x（旧twitter） youtube

Categories

トップへ
ITパスポート (1)
programming (168)
- CSSのアニメーション編 (26)
- CSSのグリッドレイアウト編 (1)
- CSSのセレクター編 (58)
- CSSのフレックスボックス編 (1)
- CSSのメディアクエリー編 (7)
- CSSの基本編 (34)
- HTMLのformタグ編 (1)
- HTMLの基本編 (3)
- JavaScriptの入門編 (30)
- JavaScriptの基本編 (5)
- Web制作をする環境を整えよう！ (1)
Uncategorized (23)
VScode (1)
おすすめ商品！ (1)
クラロワ (2)
マーケティング (17)
大学生活 (7)
心理学 (9)
映画 (1)
法学 (4)
経済学 (4)
読書 (7)

Pages

プライバシーポリシー
免責事項
プロフィール

Archive

© Copyright Syuta Chiba, 2019 All Rights Reserved.