CSSの重み

1. インラインスタイルとは、HTMLドキュメントで定義されたスタイルを指します

<h1 style="color: #fff;">ヘッダーh1>

2. IDセレクター

3. クラス、属性セレクター、および擬似クラス セレクター

このカテゴリには、さまざまなクラス、属性セレクター、:hover、:focus などの疑似クラス セレクターが含まれます。

4. 要素と疑似要素

:before や :after などの要素および疑似要素セレクター

疑似要素:

1. ::アフター
2. ::前
3. ::最初の文字
4. ::ファーストライン
5. ::セレクトン

0 から開始、インライン スタイル +1000、ID +100、属性セレクター/クラスまたは疑似クラス +10、要素名または疑似要素 +1