在最近的Angular 7项目中,我有一个组件(在
在与该组件相关的“film-list.component.scss”(该组件相关的样式表)中,分页器的背景颜色没有改变。当我将其放在“app.component.scss”中时,它也无效。但是,当我将其放在“src/styles.css”中时,背景颜色会正确更改。
因此,我的问题是:
file-list.component.ts
文件中定义),其中包含一个mat-paginator
(来自Angular材料组件库的组件)。当我想要改变mat-paginator
的背景颜色时,我首先尝试将其放置在....mat-paginator-container {
background-color: yellow;
}
在与该组件相关的“film-list.component.scss”(该组件相关的样式表)中,分页器的背景颜色没有改变。当我将其放在“app.component.scss”中时,它也无效。但是,当我将其放在“src/styles.css”中时,背景颜色会正确更改。
因此,我的问题是:
src/styles.scss
、app.component.scss
和film-list.component.scss
之间有什么区别?- 每个文件的范围是什么?
- 这些样式表文件中使用的“body”选择器有什么影响?