angular4 css global

Angular4 是一个用于开发现代Web应用程序的强大框架。其中一个让Angular4如此强大的功能是可以使用CSS全局设置来轻松应用全局样式。这意味着无论是在项目中的哪个部分，全局样式都会应用于应用程序中的每个单独组件。

为了使用Angular4中的全局CSS，您需要首先在根Angular组件的styles.css文件中设置全局样式。例如，要将所有标题的字体颜色设置为蓝色，您可以使用以下代码：

h1,
h2,
h3,
h4,
h5,
h6 {
color: blue;
}

一旦您将全局样式设置为根组件styles.css文件中，那么全局样式将由整个应用程序使用。这意味着您不需要在每个组件中都添加相同的CSS样式。

请注意，如果您需要在特定组件中重写全局样式，您可以使用 :/deep/ 选择器。例如，在您的应用程序中有两个组件（AppComponent和HeaderComponent），您使用全局CSS来设置所有标题的文本颜色。但是，您想要在HeaderText组件中有一个特别的标题，使用以下代码：

/deep/ h1 {
color: red;
}

在这种情况下， :/deep/ 选择器将允许您在Header组件中设置特定的标题样式，而不是被全局样式覆盖。

在Angular4中使用全局CSS样式非常简单，因为您只需要在根组件中设置一个全局样式表。为您需要在整个应用中使用的CSS样式创建一个样式表可能是最好的办法，因为这样可以确保应用程序的整个样式都是统一的。

查看更多关于angular4 css global的详细内容...