Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/layer-cascade

Как работает `@layer` для управления каскадностью?

СобеседованиеКаскадность и специфичность
  • Cascade Layers позволяют явно управлять порядком приоритета группы стилей
  • Стили вне layers имеют приоритет над всеми layers
  • !important внутри layers — приоритет ИНВЕРТИРУЕТСЯ (первый layer > последний)
@layer reset, base, components, utilities;
@layer reset { * { margin: 0; } }
@layer components { .btn { padding: 1rem; } }
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov