Angular - 设置父组件的.m-content 样式

Question

我正在尝试设置子组件的父组件高度，但无论我如何尝试设置它都没有应用

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

在浏览器中的代码如下所示，其中 m-road-train 是我的组件：

Answer 1

您是说您的组件有一个名为 'm-content' 的 class 吗？

<=> 例如：<app-mycomponent class="m-content"></app-mycomponent>

为确保您的样式正确，请将其直接放入调试器的浏览器中。

你也可以把它放在你的全局样式中style.css

Answer 2

正如 Bear Nithi 在评论中所写 - "That's not possible." 唯一的方法是在该组件或其父组件中写入 css。