CSS Specificity
If there is more than one CSS rule applied to an element then the selector with highest specificity will be “win” over others and will be applied to the element.You can imagine specificity as a score/rank system which decides which style declaration is applied to the element.