The order of applying styles is something like:
- the browser default styles
- the styles in external css files (if exist) override browser default styles
- the styles in head head override previous two (if either exist)
- the inline declaration overrides any other (if any exist)
- the @important modifier overrides most if not all of others