为什么用：host :: ng-deep设置成角度组件CSS角色不起作用？

如何解决为什么用：host :: ng-deep设置成角度组件CSS角色不起作用？

我对Angular和CSS不太了解，并且在定义与特定组件相关的CSS（到组件的.css文件）时遇到了以下问题。

如果我这样做：

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

工作正常。但是，如果我这样做（我是从PrimNG展示示例中获得的）：

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

未应用CSS样式。

为什么？怎么了？据我了解，：host :: ng-deep 用于使CSS角色具有全局风格...所以，也许这不是以这种方式声明到CSS的正确方法特定组件。

我认为我缺少了一块...

解决方法

我认为您必须像这样：

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