Cascade

CSS Specificity and the Cascade

Learn how the browser decides which CSS rule wins when multiple selectors target the same element.

How Does CSS Specificity Work?

CSS specificity is a weighted scoring system the browser uses to decide which of several conflicting rules wins on an element, calculated by counting IDs, clas…

What Are CSS Custom Properties (CSS Variables)?

CSS custom properties, written as --name and read with var(--name), are author-defined variables that cascade and inherit like any other CSS property, letting…

What Is CSS Specificity and How Do You Resolve Conflicts?

CSS specificity is the algorithm the browser uses to decide which of several conflicting rules wins for a given element, calculated as a weighted score across…