Explain CSS specificity. How does the browser determine which styles to apply when multiple rules target the same element?

Sample answer preview

CSS specificity is the system browsers use to determine which styles take precedence when multiple rules could apply to the same element. Understanding specificity helps you write predictable CSS and debug styling issues.