如何从父组件继承样式？

Question

在Angular（2+）中，如何让子组件从父组件继承样式而不修改父组件？

Answer 1

这取决于您是否使用angular-cli。使用angular-cli，只需将子组件的css置于样式style.css或style.scss中即可。否则，样式将封装在父组件中，并且不能从子组件继承。您可以在父组件或/deep/中使用选择器::ng-deep，但是很快就会贬值。 一个小技巧是使用输入作为参数类css。这样，在子组件中： @ {Input() customCss : string = "default-class-css";