Как установить стили другому элементу?

Question

[Александр]

Есть блок:

<div>
	<div class="logo"><img src=""></div>
	<div class="menu hidden">
		<div></div>
	</div>
</div>

При клике на кнопку открывается бургер меню путем удаления класса hidden
Как в CSS написать:
Если у .menu нет .hidden, то для .logo>img установить ширину 10px?
Спасибо

Comments

[Ankhena]

Поменять местами в разметке лого и меню. Использовать соседние селекторы.

[Aetae]

Если используете flex, то после того как поменяли можете вернуть взад с помощью order.:)

Answer 1

[Владислав Лысков]

в css никак

Comments

[Сергей delphinpro]

ну вообще можно

<div class="header">
  <div class="logo"><img src=""></div>
  <div class="menu hidden">
    <div></div>
  </div>
</div>

.header:has(.menu:not(.hidden)) > .logo > img {
   width: 10px
}

Конечно, следует обращать внимание на поддержку https://caniuse.com/css-has
Из-за огнелиса, пожалуй, пока использовать не стоит.

[Александр]

Сергей delphinpro, это мобильное бургер меню и почти все популярные работают. Спасибо!