Avoid Headaches by Understanding CSS Specificity

Specificity is a tricky one of the concepts you have to understand in CSS. If there are two or more CSS rules that point to the same element, the browser gives more weight to the one with the most specific selector. The browser will apply the style of the rule using the latter. The one appearing latest in the style-sheet wins in case of conflicting rules. If you have a rule you want to apply, no matter what, there is a keyword to override everything: "You override everything"