/deep/ .myColor {
background-color: red;
}
Предположим теперь, что «myColor» появляется в html родительского компонента, где myColor определен в css, а также во всех дочерних компонентах, компонентах grand-child и т. Д.
Если я хочу перейти к компоненту grand-child A, как я могу переопределить / deep / myColor ...
ИЛИ - мой единственный выбор удалить class = "myColor" из внука и заменить его определением локального класса, например:
.myDifferentColor {
background-color: green;
}
Это работает, пока я не хочу прервать определение красного для внука и всех его детей и внуков ... таким образом, у меня беспорядок.
Мой личный выбор - как можно больше избегать "глобальных определений", и поэтому я не использую / Deep /, но проект, в котором я работаю, использует его 250 раз!
Заранее спасибо,
Йог