What is CSS specificity and how does inheritance work?

What is CSS specificity and how does inheritance work?

CSS specificity determines which styles are applied to an element when there are conflicting rules. Inheritance allows certain properties to be passed from parent elements to child elements.

Can you explain how specificity is calculated?

Specificity is calculated based on the types of selectors used: inline styles have the highest specificity, followed by IDs, classes, attributes, and finally element selectors.

What happens if two selectors have the same specificity?

If two selectors have the same specificity, the one that appears later in the CSS file will take precedence.

How does inheritance affect CSS properties?

Inheritance means that some CSS properties, like color and font-size, are passed down from parent to child elements, while others, like margin and padding, are not.