Размывающий сайт основной фон, когда нажимается меню заголовка ⇐ CSS

[Anonymous]

Я пытаюсь добавить эффект размытия на фон моего сайта, когда меню заголовка нажимается и активно. < /p>
Когда мое меню активируется, класс. Т.е. Когда меню активно, фон меню становится красным и независимым от статуса меню, основной фон сайта размыта. < /p>

Код: Выделить всё

.ct-active { // this is the menu when active
background: red;
}

.site-main { // this is the main site background
filter: blur(5px)
}

< /code>
Однако я пытаюсь размыть фон, только когда меню активно. Я попробовал следующее, но, похоже, не работает. Есть идеи о том, как это реализовать? < /P>
.ct-active .site-main {
filter: blur(5px)
}
< /code>
ps. Я работаю в дополнительном разделе CSS настройщика WordPress.
Спасибо < /p>
.ct-active .site-main {
filter: blur(5px)
}

не работает

Подробнее здесь: https://stackoverflow.com/questions/762 ... is-clicked