בעיה ב-CSS – תכונה גוברת על תכונה אחרת, בניגוד לסדר שלמדתי

יש לי קוד CSS ובו אני מגדיר שצבע הרקע של אלמנט a שהוא ילד של li יהיה צבע א'. כמה שורות לאחר מכן אני כותב שצבע הרקע של ID מסוים (שהוא בעצם a כלשהו) יהיה צבע ב'. הרצתי את הקוד – הצבע של אלמנט ה-a עם ה-ID הזה לא השתנה לצבע ב'. הגדרתי אותו כ-important – גם לא עזר! שיניתי את המיקום של הקוד השני ושמתי אותו לפני הקוד של צבע א', וראו זה פלא – זה עבד!
אני לא למדתי שזה ככה, אז למה. זה. ככה?

אין כאן ממש מה להראות. היו שורות CSS:

li a {display: block; padding: 10px; text-decoration: none !important; background: #F0F0F0; border: 1px solid #dfdfdf;}
…
#current_page {background-color: #F9F9F9;}

ואגב, ה-important בקו התחתון זה בגלל שבלעדיו זה לא עבד! והסתירה היחידה לזה הייתה בקובץ ה-Reset CSS (שנקרא reset.css):
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />

טעיתי איפשהו?

נ.ב. עכשיו אני שם לב שרשמתי בהתחלה background בלי ה-color, אך אין זה משנה; תקלות כאלה קרו לי הרבה עם קובץ ה-Reset CSS, למרות ששילבתי אותו במסמך לפני קובץ ה-CSS השני.