CSS как переопределить / deep /

/deep/ .myColor {
  background-color: red;
}

Предположим теперь, что myColor появляется в html родительского компонента, где myColor определен в CSS, но также во всех дочерних компонентах, компонентах grand-child и т. д.

Если я хочу перейти к дочернему компоненту A, как я могу переопределить / deep / myColor ...

ИЛИ - мой единственный выбор - удалить class = "myColor" из внучки и заменить его определением локального класса, например:

   .myDifferentColor {
       background-color: green;
    }

Это работает до тех пор, пока я не хочу прервать определение красного для внука и всех ЕГО детей и внуков ... таким образом, у меня беспорядок.

Я лично решил избегать «глобальных определений», насколько это возможно, и поэтому я не использую / Deep /, но проект, в котором я участвую, использует его 250 раз!

Заранее спасибо, Йог