Применить стиль CSS в зависимости от высоты тела ⇐ CSS

[Anonymous]

У меня есть простой пример применения стиля, когда высота элемента div меньше 400 пикселей.

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

.card-container {
container-type: size;
container-name: sidebar;
}
.card-container {
background: #ffe4e8;
width: 200px;
height: 100px;
}
@container sidebar (max-height: 400px) {
.card-container div:first-child  {
background: green;
}
}





1

Как сделать то же самое, но с таким же ростом?

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

.table-container tbody {
container-type: size;
container-name: sidebar;
}
@container sidebar (max-height: 400px) {
.table-container tbody {
background: green;
}
}
table, th, td {
border: 1px solid black;
}






123456789



kkk
kkk
kkk
kkk
kkk
kkk
kkk
kkk
kkk

Может быть, я делаю что-то не так или запросы CSS-контейнера работают только с div?
Мне нужно применить стиль к таблице в зависимости от высоты тела.
Конечно, я могу получить высоту тела с помощью JavaScript и применить стиль, но думаю, что запросы CSS и контейнеров более понятны.>

Подробнее здесь: https://stackoverflow.com/questions/785 ... ody-height