Используйте запрос контейнера для стандартных свойств CSS ⇐ CSS

[Anonymous]

Я пытался заставить работать запрос стиля контейнера, но обнаружил некоторые странности.
Рассмотрим следующий код:
html< /strong>

Код: Выделить всё

...

CSS[/b]

Код: Выделить всё

.parent {
--test-var: red;
background-color: grey;
}

@container style(background-color: grey)
/* @container style(--test-var: red) */
{
.child {
background-color:red;
}
}

Приведенное выше правило CSS не применяет 'child-style', хотя это должно работать в соответствии с документацией MDN об этой функции.
Использование запроса в пользовательских свойствах (т. е. с использованием прокомментированного css-запроса) все работает так, как ожидалось/задокументировано (среди прочего протестировано с версией Chrome 128.0.6613.138).
Возможно, эта функция не работает. готов к использованию таким образом.
Но если я что-то пропустил, буду рад знать.
Заранее спасибо!
Добавлен jsfiddle, если кто-то захочет это попробовать.


Подробнее здесь: https://stackoverflow.com/questions/790 ... properties