What is Specificity?

Specificity determines which CSS rule is applied by the browser.

Rules with more specific selectors have a greater specificity, if two selectors apply to the same element, the one with higher specificity wins.

When selectors have an equal weight, the last rule defined is the one that counts.

Combinators ( +, >, ~ ) allow for more specific targeting, but do not increase specificity.

Got it!