如何使样式或样式表可用于子组件

Question

如何使这种样式可用于子组件？

.invalid {
  border-color: #dd2c00;
}

是否可以将整个组件的样式表提供给子组件？

Answer 1

关于您的课程，在课程前面添加:: ng-deep即可。

::ng-deep .invalid {
  border-color: #dd2c00;
}

关于您的其他问题：

  

是否可以将整个组件的样式表提供给子组件？

您可以将组件的ViewEncapsulation属性更改为Native或None

@Component({
  ...
  encapsulation: ViewEncapsulation.None
  ...
})