Мысли появляются, когда читаешь.
markimax объяснил конкретно для данного случая, но на будущее, рекомендую покурить на досуге спецификацию html и css. Возможно, подобные вопросы возникать не будут.
Объяснение markimax в удобоваримом формате:
html документ читается по порядку сверху вниз.
каждая следующая ссылка на css документ приводит к тому, что стили, указанные в предыдущем документе, при совпадении идентификаторов, переписываются стилями из нового css.
если в css указан параметр !important к какой-либо строчке, ни один следующий файл css этот стиль уже не затрет.
однако, если в самом файле html есть inline стили - они затирают и перезаписывают все соответствующие стили, указанные в css файлах, даже с параметром !important.
Рекомендую избегать использования параметра !important, так как потом вообще голову сломаешь, когда будешь искать, почему стиль меняешь, а он не меняется. Также, не рекомендую использовать inline стили без необходимости. Идеальный вариант - правильное размещение стилей в файлах css и правильное размещение ссылок на эти файлы.