Как в angular применить стили для дочерних компонентов, но при этом не вынося их на уровень всего приложения?
У меня есть дочерние компоненты в родтельском и я хочу применить стили родительского к дочерним, но при этом не выводя стили на уровень всего приложения, а сделать только для дочерних, тоесть без ViewEncapsulation на высший уровень.
Как такое реализовать?
Сейчас я пока что придумал только написать базовый файл стилей и пишу css import в стилях дочерних компонентах.
Ответы (1 шт):
Автор решения: Nikolya Shirshov
→ Ссылка
Вы можете использовать :host + ::ng-deep.
SCSS родительского компонента:
:host {
::ng-deep {
ваши стили...
}
}