Possible to change opacity on child elements based on parent sibling selector?
<header>
<div class="menu">
<div class="overlay"></div>
<div class="blur"></div>
</div>
<div class="mobile-menu"></div>
</header>
How would I go about changing the opacity of overlay and blur, only when <div class="mobile-menu"></div> becomes <div class="mobile-menu menu-open"></div>?
Or is it just better to use JavaScript for this?
<div class="menu">
<div class="overlay"></div>
<div class="blur"></div>
</div>
<div class="mobile-menu"></div>
</header>
How would I go about changing the opacity of overlay and blur, only when <div class="mobile-menu"></div> becomes <div class="mobile-menu menu-open"></div>?
Or is it just better to use JavaScript for this?
