为什么在一个有角度的组件CSS中设置一个带有:host::ng的CSS角色不起作用

Question

我不太喜欢Angular和CSS，我在尝试定义与特定组件相关的CSS(到组件的.CSS文件中(时遇到了以下问题。

如果我这样做：

.p-column-title {
display: none;
}

它运行良好。但如果我这样做(我从PrimNG展示示例中获得(：

:host ::ng-deep {
.p-column-title {
display: none;
}
}

未应用CSS样式。

为什么？怎么了？据我所知，:host:：ng-dept用于让其成为全局样式的CSS角色。。。因此，以这种方式声明到特定组件的CSS中可能不是正确的方式。

我想我错过了一些东西。。。

Answer 1

我认为你必须这样做：

:host ::ng-deep .p-column-title{
display: none;
}