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

Question

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

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

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

Answer 1

您的意思是您的组件有一个名为“m-content”的类吗？

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

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

你也可以把它放在你的全局风格中style.css

Answer 2

正如 Bear Nithi 在评论中所写的那样——“那是不可能的。” 唯一的方法是在该组件或其父组件中编写 css。