Приветствую.
Есть такая простая конструкция:
<div class="Dev">
<div class="items">demo text</div>
</div>
.Dev{
container: navbar/inline-size;
background-color: #666666;
@container navbar (min-width: 500px) {
background-color: #F2994A;
}
}
Но фон у класса Dev не меняться. Но если .Dev обернуть какой то оберткой и переназначит контейнером обертку эту, то фон поменяется. Не могу понять, атрибуты самого контейнера нет возможности менять?
Можно ли как то реализовать это без обертки и через контейнеры?
Рабочий пример с оберткой:
<div class="Dev-wrapper">
<div class="Dev">
<div class="items">demo text</div>
</div>
</div>
.Dev-wrapper {
container: navbar/inline-size;
.Dev {
background-color: #666666;
@container navbar (min-width: 500px) {
background-color: #F2994A;
}
}
}