Как ссылаться на запрос верхнего контейнера с помощью вложенных контейнеров CSS ⇐ CSS

[Anonymous]

У меня есть несколько DIV, вложенных друг в друга:

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

[code]#outer {
container: outer / size;
}
#inner {
container: inner / size;
}

Все работает как положено, пока я не попытаюсь установить ширину «контента» в процентах от «внешнего» с помощью:

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

@container outer (min-width: 100px) {
#content {
width: 40cqw;
}
}

Я ожидаю, что размер «контента» будет зависеть от «внешнего». Что происходит, так это то, что «контент» получает размер относительно «внутреннего».
Если я удаляю запрос контейнера на «внутреннем», ширина «контента» устанавливается относительно « внешний».
Как я могу установить ширину «контента» относительно ширины «внешнего»?

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