Angular:是否可以将自定义css文件加载到组件中以及处理子组件

时间:2018-02-13 12:41:41

标签: angular angular2-template

我有CSS文件,我想将其导入组件。它也适用于所有子组件。

例如,

我有两个模块websiteadmin。现在,我想要的是import我的自定义CSS到website组件模板。它应该适用于website组件的所有子组件,而不是admin模块组件。

2 个答案:

答案 0 :(得分:0)

是的,你可以做到。你需要在样式文件中创建模块,并需要导入所有组件的css文件。那些类在这个样式文件中声明,该文件用于全局模块。

答案 1 :(得分:0)

目前,您可以使用::ng-deep为选择器添加序幕,以强制子组件采用这些样式。

示例:

::ng-deep h1 { color: red; }

将使当前组件下的所有h1元素变为红色

虽然浏览器正在删除对此功能的支持,但已弃用此功能。

https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep