Javascript 将css样式应用于我的angular应用程序中的所有启动对话框

我在我的angular应用程序中使用prime ng对话框。我可以使用ng deep更改每个特定的对话框样式。例如，我有联系我们页面，我有以下文件：

contact.html
contact.component.ts
contact.css

因此，我将下面的css放在contact.css中，它会更改“联系我们”对话框标题栏的颜色

:host ::ng-deep .ui-dialog .ui-dialog-titlebar{
    background-color: red
}

---

我想对我的应用程序中的所有对话框执行此操作，如何执行此操作？我在src文件夹的style.css文件中放置了相同的css，但它不起作用

因此，默认情况下，角度组件采用了一种非常方便的策略，使得样式不会渗透到其他组件中并造成不必要的效果

您可以利用

ng deep

，就像您必须允许在其中定义的样式被指定位置的子组件继承一样

但是，对于要全局继承的内容，您需要按照开始的顺序将其定义为最高级别，以便将这些样式级联到下面的选择器。在不使用SCS或其他预处理器的默认angular应用程序中，最简单的方法之一是将它们添加到托管子组件（如

index.html

或

app.component

）的第一个初始化文件中，以允许随后初始化的组件在渲染时继承它们

---

希望这有帮助，干杯

假设你只是使用了一个很好的默认结构angular，就把它放在初始顺序的最高点。像index.html中的

app.component.css

或事件just

.ui dialog.ui dialog标题栏{背景色：红色}

一样，有很多技术，有些技术被认为比其他技术更干净，但是如果你知道你的默认设置是如何给出一个最佳实践，这会有所帮助。看起来把它放在app.component.css中就可以了。你能把你的评论作为回答，这样我就可以接受了吗？在网上做了很多搜索，但找不到任何提到这一点的内容。