CSSセレクタの優先度順序を教えてください。

CSSセレクターの優先度順位は以下のとおり

  1. 何よりも優先され、他のルールを全て上書きする。
  2. スタイルをHTMLエレメントに直接適用するインラインスタイル: スタイル属性による
  3. IDセレクタ:要素のIDで選択する。
  4. クラスセレクタ、属性セレクタ、疑似クラスセレクタ:要素のclass、属性、疑似クラスから選択する方法。
  5. エレメントセレクタと疑似エレメントセレクタ: 要素名または疑似要素で選択する。
  6. ワイルドカードセレクターと子セレクタ:すべての要素を選択するか、ある要素の直系子孫を選択する。

同じ優先順位のセレクタが2つあるときは、後に書かれているセレクタが前に書かれているセレクタよりも優先されます。また、セレクタの書き方や固有性によっても、優先順位は変わります。

bannerAds