Как исключить стиль CSS для заголовков внутри DIV определенного класса?

Question

Предположим, у меня есть заголовок внутри <div> с определенным классом, и я не хочу, чтобы к ним применялся определенный эффект, как я могу исключить их с помощью CSS?

Ниже кода:

h2:not(.article) {
    font-size: 25px;
}

<div class="article">
    <h2>Title<h2>
</div>

Но это все еще не работает, и <h2> внутри .article div все еще затрагивается.

Answer 1

<h2> не закрыт должным образом. Псевдокласс :not() обратный. Ниже приведен пример того, как его использовать.

.article {
  font-size: 25px;
}

:not(.article)>h2 {
  font-size: 12px;
}

<div class="article">
  <h2>Title 1</h2>
</div>
<div>
  <h2>Title 2</h2>
</div>