Всё очень просто. Как ты уже сказал, свойство !important повышает приоритет стиля, для которого назначено. Вот простой пример:
Code
<style>
div {color:blue}
</style>
<div style="color:red">Текст</div>
В результате браузер отобразит слово "Текст" красного цвета, так как свойства, указанные непосредственно в теле тега, имеют более высокий приоритет, чем свойства в теге <style> или в отдельном файле css. А вот тут текст будет синим, так как параметр !important переопределил приоритеты:
Code
<style>
div {color:blue !important}
</style>
<div style="color:red">Текст</div>
Вот так то!