Как исключить класс со всеми дочерними элементами в определении стиля

У меня есть такой файл, как

<div>
 <div class="abc">
  <div>
   <!--some more divs inside-->
  </div>
 </div>
</div>

Я хочу применить стили только к первому div. Я пытался использовать div:not(.abc, .abc *), div:not(.abc):not(.abc *), div:not( .abc), div:not(.abc) *, но ни один из них не работал. Было бы сложно редактировать html, потому что нужно было бы редактировать много файлов. Также приведенный выше код появляется в разных местах, поэтому использование селектора >не является решением... Кто-нибудь знает, как это сделать?