Карточка Middle Архитектура CSS обновлено
Каскадные слои
Вопрос
Что такое @layer и как он влияет на каскад?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Именованный каскадный слой. Сначала сравниваются слои (поздний сильнее, стили вне слоёв сильнее всех), и только внутри слоя специфичность.
Ответ
Именованный каскадный слой. Сначала сравниваются слои (поздний сильнее, стили вне слоёв сильнее всех), и только внутри слоя специфичность. Для !important порядок слоёв обратный.
Разбор
Порядок задаётся первым упоминанием, удобно объявить его одной строкой: @layer reset, base, components, utilities;.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.