На встрече 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. Статья про слои тоже обновлена.
