CSS ์ ํ์์ Specificity๋ฅผ ๊ณ์ฐํ๊ณ ๋น๊ตํฉ๋๋ค
| ์ ํ์ | ์์ | ๋ช ํ๋ |
|---|---|---|
| Inline style | style="..." | 1,0,0,0 |
| ID ์ ํ์ | #navbar | 0,1,0,0 |
| Class ์ ํ์ | .active | 0,0,1,0 |
| ์์ฑ ์ ํ์ | [type="text"] | 0,0,1,0 |
| ๊ฐ์ ํด๋์ค | :hover, :nth-child() | 0,0,1,0 |
| ์์ ์ ํ์ | div, p, span | 0,0,0,1 |
| ๊ฐ์ ์์ | ::before, ::after | 0,0,0,1 |
| ์ ์ฒด ์ ํ์ | * | 0,0,0,0 |
| ๊ฒฐํฉ์ | >, +, ~, (space) | 0,0,0,0 |