CSS has a concept of "specificity" [1] which is applied also in the case of !important. Basically the most specific rule wins.

[1]: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

In-line css takes priority.