Skylsmoi a écrit 2 commentaires

Avec plaisir.
Mais dans tous les cas, tu as raison d'éviter d'utiliser !important ^{^}

Je précise que !important ne fait qu'un ajout (mais un gros) de spécificité.
Donc ça dépend pas directement de l'ordre d'ajout.
Entre 2 règles avec un !important, c'est la spécificité qui s'applique, pas l'ordre de déclaration.
Et si elles ont la même spécificité, alors oui, c'est l'ordre de déclaration qui s'applique.

#article {
  color: red !important;
}
.title {
  color: black !important;
}

Dans

<div id="article" class="title">SALU SA VA?</div>

"SALU SA VA?" sera en rouge

jsfiddle