Как можно отключить стили рекурсивного элемента?

Question

[B1dloKoder]

Предположим у нас есть элемент, который имеет какое-то количество дочерних элементов. И на определенном уровне один из его дочерних элементов - это элемент с теми же классами, стилями и детьми. Что-то типа такого:

<div class = "example">
     <div class = "example_2">
        <div class = "example_3">
             <div class = "example"> <---- Хотелось бы чтобы стили класса example а также стили всех дочерних классов не работали. 
                  <div class = "example_2">
                      <div class = "example_3">

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

Comments

[Виталий Першин]

Перестать использовать вложенные селекторы

[B1dloKoder]

Виталий Першин, стоит сказать это разработчикам ВК, для которого я пишу расширение

Answer 1

[Sergei Nazarenko]

.example_3 .example, .example_3 .example > * {
  all: initial;
}