Angular material 角材料设计中的运行时样式

当我使用angular2材质设计更改内部css组件中的css样式时，所有组件都更改为相同的样式

::ng-deep .ng-star-inserted > td:nth-child(1) { color:#3f51b5 }

例：

当我在内部css组件中使用这一行时，所有组件都实现了相同的样式

::ng-deep .ng-star-inserted > td:nth-child(1) { color:#3f51b5 }

我怎样才能解决这个问题

---

谢谢

你说的“内部css组件”是什么意思？您是指特定组件的css文件还是应用于所有组件的

styles.css

文件？如果您希望css规则只应用于一个组件，那么应该将其放在该组件附带的css文件中，而不是放在styles.css中。为防止问题发生，请执行以下操作：

在特定组件的css文件中添加！重要信息：在颜色css样式规则之后删除

：：ng deep

.ng-star-inserted > td:nth-child(1) { color:#3f51b5 !important}

---

我指的是某个特定组件的css文件，是的，我知道可以试试这个：

.ng star inserted>td:nth child（1）{color:#3f51b5！important}

也请不要说

：：ng deep

不推荐使用，所以您不应该使用它。这里有更多关于这方面的信息如果你想使用：：ng deep，你应该确保component decorator中的

封装：

字段已设置为

视图封装。模拟的
，或者至少不设置任何其他内容（因为此设置也恰好是默认设置），我给了你2个建议，关于！重要的一点是关于封装。你能告诉我哪一个对你有用，这样我就可以在我的答题帖中包含这个解决方案了吗？也请接受我的帖子作为我编辑后的答案。