Understanding CSS Specificity

A deep dive into how CSS specificity works and how to avoid common pitfalls. Specificity is a weight that is applied to a given CSS declaration, determined by the number of each selector type in the matching selector.

When multiple declarations have equal specificity, the last declaration found in the CSS is applied to the element.