Make css selector apply to proceeding css element

[jayg-7]

Hi,

I have a full screen menu overlay when a user clicks the menu icon. O want the background image below the menu to become blurry when a css class is applied to menu, say class “active”. But the background image is “higher” up in the html than the menu. how do I get the css to apply to a proceeding element. It’s like this:

<div>
<div>
<div> item item item </div>
</div>
</div>

Heres the link if you need the non-hypothetical example: http://bit.ly/1IGRp9O
I want to add a css blur filter to “.front-page-1” when “jumbo-menu-button” has class “jumbo-menu-button-active” added to it.

[Paulie_D]

Basically, you can’t.

There is no “previous sibling” selector or a “parent” selector.

You need javascript…or Jquery…then it’s easy.

[Author]

Posts