自分の備忘として残しておくために書きました。
優先度を計算できるセレクタは6つある。
下記は上から優先度の高い順に記載してる。
| セレクタ | 桁数 |
|---|---|
| IDセレクタ | 3桁目 |
| クラスセレクタ | 2桁目 |
| 属性セレクタ | 2桁目 |
| 擬似クラス | 2桁目 |
| タイプセレクタ | 1桁目 |
| 擬似要素 | 1桁目 |
これらは単純にどのセレクタがいくつあるのかで計算していく。
例えば、「#abc .cba」だったら110になる。
理由は3桁目のIDセレクタ1個、2桁目のクラスセレクタ1個、
1桁目は対象がないので0個だから、答えは110になるという解法です。