# 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.

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

Level: Freelancer · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/freelancer)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/cascade-layer