Интересно, как лучше всего стилизовать элементы внутри дочерних компонентов на уровне родительских компонентов. Я обычно делаю это двумя разными способами:

1. Использование / deep / Plunker

Преимущества:

1. Меньше кода
2. Мы используем только css для стилизации элементов

Недостатки:

1. Мы не можем использовать свойства из машинописного текста, как во втором подходе
2. Нарушаем герметизацию компонентов

2. Использование ввода в дочернем компоненте Plunker

Преимущества:

1. Мы можем использовать свойства из машинописного текста
2. Не нарушаем герметизацию компонентов

Недостатки:

1. Больше кода и сложнее - чем глубже ребенок, тем больше проходит
2. Иногда нам не нужна логика - но мы вынуждены писать в .ts вместо использования чистого механизма css

Как видите, я нашел плюсы и минусы обоих способов. Я чувствую, что ответом может быть «Это зависит от обстоятельств» или, может быть, я пропускаю другой подход.