CSS Cascade

Updated 05 Oct 2026

•
What it is
- •
  the process that selects the winning declaration for each property on an element
•
Precedence
- •
  relevant declarations are compared by origin and importance, including cascade-layer ordering
- •
  specificity is considered within the applicable precedence level
- •
  scoping proximity can resolve scoped-rule ties; source order resolves fremaining ties
•
Cautions
- •
  !important changes a declaration's cascade priority; it does not increase selector specificity
- •
  "Last rule wins" applies only after higher-priority comparisons tie.
- •
  normal inline styles have high priority within normal author styling, but do not override every important declaration
•
Related
- •
  CSS Specificity
- •
  CSS Inheritance
•
Reference
- •
  https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Cascade/Introduction

Linked references 4