<article>
<section class="menu">
<div>Блок с меню, прижатый вниз</div>
</section>
<section class="bg">
<h1>Обычный заголовок со стилями</h1>
</section>
</article>
При наведении на меню "menu", добавлены стили к классу "bg" filter: blur(2px), transform: scale(1.02);. При этом дочерний h1, также подхватывает стили родителя, что логично. Вопрос, как отменить применение этих стилей к дочернему элементу?
.bg
я вынес бы в.bg:before