https://css-tricks.com/specifics-on-css-specificity/
- If the element has inline styling, that automatically1 wins (1,0,0,0 points) (1000)
- For each ID value, apply 0,1,0,0 points (100)
- For each class value (or pseudo-class or attribute selector), apply 0,0,1,0 points (10)
- For each element reference, apply 0,0,0,1 point (1)
- The !important value appended a CSS property value is an automatic win. It overrides even inline styles from the markup.
- Elements with larger specificity will be applied when there's a conflicting circumstance.