- Elements and pseudo-elements (`a, div , body, :before, :after`) get a score of 1
- Classes and attribute selectors (`.element, [type=”text”]`) get a score of 10
- IDs (`#header`) get a score of 100
- Inline styles get a score of 1000
- `!important` gets a score of NaN (it’s more “specific”/powerful than even inline styles, and can only be overridden by the cascade — writing rules later in the stylesheet)
No comments:
Post a Comment