Css 初始化p-dataview隐藏标头

我正在编写一个包含“p-dataview”元素的priming应用程序。我试图使用组件CSS隐藏标题，如下所示

HTML代码段

<p-dataView [value]="cbItems" layout="grid">
 <ng-template let-item pTemplate="gridItem">
   <div class="ui-g-12 ui-md-6" >
    <p-checkbox label={{item.value}}></p-checkbox>
   </div>
 </ng-template>
</p-dataView>

如果我在Chrome（Styles）中“检查”p-dataview头元素，我可以看到.ui-dataview.ui-dataview头{}的条目。如果在CHROME中编辑此项并添加“显示：无”，则它可以工作

.ui-dataview .ui-dataview-header {
    border-bottom: 0 none;
    display: none;
}

---

我就是不知道如何在我的源文件中做同样的事情。我相信这更多地反映了我的CSS新手技能。如有任何帮助，我们将不胜感激。

如果您将自定义样式放入全局样式文件中，则可以使用

style.css

.ui-dataview.ui-dataview标题{
边框底部：0无；
显示：无；
}

---

但是上述解决方案的问题是，你能创建一个StackBlitz吗？这就是为什么我喜欢和聪明人在一起。这很有魅力。非常感谢！

.ui-dataview .ui-dataview-header {
    border-bottom: 0 none;
    display: none;
}