TGViewer
CSS mind CSS mind @css_mind · 2.65K subscribers
Post #29 2.51K
Обновление рабочего черновика слоёв

На встрече 17 марта принято решение об обновлении рабочего черновика css-cascade-5.
Коротко о главном.

Синтаксиис импорта в слой
5681

Из-за синтаксических конфликтов с объявлением пустого слоя синтакис импорта решено поменять. Новый синтаксис импорта в слой:

@import [ <url> | <string> ] layer | layer (<layer-ident>)

Например:

@import url("links.css") layer(myLayer);

Ключевое слово revert-layer
5681

Если cascaded value свойства является ключевое слово revert-layer, то оно откатывается до уровня ниже, так что specified value вычисляется так, как если бы правила не были указаны в текущем слое для этого свойства в этом элементе.

Если в том же каскадном источнике нет объявлений с более низким приоритетом, чем значение revert-layer, каскадное значение вернется к предыдущему источнику, как и для ключевого слова revert.

Например, в этом примере кнопка будет красной:

@layer common {
button { color: red; }
}

@layer components {
button {
color: blue;
}
button {
color: revert-layer;
}
}


А здесь синей:

@layer common {
button { color: red; }
}

@layer components {
.class {
color: blue;
}
button {
color: revert-layer;
}
}


P.S. Статья про слои тоже обновлена.
GitHub [css-cascade] Cascade layers need an import syntax · Issue #5681 · w3c/csswg-drafts This issue was raised on Cascade 5. The current cascade-layers proposal offers several directions. This also raises some question around ordering of @layer and @import rules. Currently: Layering is...
More from @css_mind
  1. Aug 27, 2026Говорят верстать легко, а мне вот сегодня калькулятор с регрессиией понадобился P.S. Кстат…
  2. Jul 14, 2026Кстати если у вас разные конфиги для разных директорий (например у меня для работы один юз…
  3. Jul 9, 2026Просто напоминаю, что существует сайт на старомонгольском. У него уникальный режим письма:…
  4. May 18, 2026А вы знали, что next ломает вам типизацию перменных? Если вы напишите ... @property --var…
  5. May 12, 2026И еще сегодня очередной день рождения CSS2 🥳🎂 28 годиков. Старше меня!
  6. May 12, 2026Между прочим interpolate-size завезли в хром аж полгода назад. Смотрите что мы теперь може…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →