Cascade layer

A named group of styles ranked in the cascade, regardless of specificity.

What is a cascade layer?

A cascade layer groups styles and gives each group a rank. A later layer beats an earlier one, whatever the selectors' specificity.

@layer reset, base, components;
@layer components { .button { padding: 8px 16px; } }

Level: Freelancer · More CSS terms at this level

Updated September 27, 2026