Angular - Установить стиль родительского компонента .m-content

Question

Я пытаюсь установить высоту родительского компонента от дочернего, но он не применяется независимо от того, как я пытаюсь его установить

:host .m-content{
height: 100% !important; }

В коде браузера выглядит так, где m-road-train - это мойкомпонент:

Answer 1

Как написал в комментариях Медведь Нити - «Это невозможно».Единственный способ - написать css в этом компоненте или его родителях.

Answer 2

Вы имели в виду, что у вашего компонента есть класс с именем 'm-content'?

<=> Например: <app-mycomponent class="m-content"></app-mycomponent>

Чтобы убедиться, что ваш стиль правильный, поместите его прямо в свойБраузер отладчика.

Вы также можете поместить его в свой глобальный стиль style.css