Что такое каскад в CSS?

Алгоритм победы стиля

Cascade определяет, какое объявление побеждает при конфликтах. Упрощённо:

1. Origin и importance (user agent < user < author, затем !important в обратном порядке origin);
2. Layer (@layer) — порядок слоёв;
3. Specificity селектора;
4. Order в исходнике — последнее побеждает при равной специфичности.

Ещё учитываются transitions/animations и scoped стили. Современный каскад сильнее «просто специфичности»: @layer позволяет держать низкую специфичность в утилитах и переопределять в компонентах без гонки !important.

Каскад ≠ наследование: cascade выбирает значение свойства, inheritance передаёт уже выбранное вниз по дереву.