Всем привет!
Гуру CSS подскажите

например имеем

<div class="a"> HI</div>

<div class="b"> col</div>

как сделать при помощи только css так что если класс b уже видим то спрятать класс a?

поступил следующим образом.

У меня эти два класса находятся друг над другом

я увеличил высоту нижнего до того как он скроет верхний под собой

и теперь когда я показываю данный элемент то верхний грубо говоря скрывается

другого способа не нашел (

а как ты меняешь видимость?

(0) через скрытый checkbox можно.
можешь глянуть, как на этой странице сделан пришпиливание пина в правом верхнем углу

(3) никак, просто закрываю видимую область элемента а элементом б

Эта ерунда мне нужна была для каталога товаров, смысл в том что на десктопе при наведении на карточку появляются дополнительные свойства и кнопка купить.

А на мобильном иногда даже качнувшись этой карточки область не открывается поэтому чуть выше был добавлен клас с иконкой и надписью развернуть.

Человек жмякает на эту область и следовательно нижняяобласть открывается и заслоняет собой верхнюю.

Можно было бы тупо показать сразу раскрытую область для мобильного но как то бывает дофика свойств вариантов и т д