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

Question

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

例如：

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

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

如何解决此问题？

谢谢

Answer 1

“内部CSS组件”是什么意思？您是指特定组件的css文件还是适用于所有组件的styles.css文件？如果要让css规则仅应用于一个组件，则应将其放在该组件随附的css文件中，而不要放在styles.css中。为防止您的问题发生，请执行以下操作：

在特定组件的css文件中，在颜色css样式规则之后添加！important并删除::ng-deep。

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