在Angular 6中,父组件的CSS样式可以通过使用::ng-deep伪类来影响子组件的样式。以下是一个示例:
父组件
子组件
这是子组件的内容
/* 父组件样式 */
.parent-component {
background-color: lightgray;
}
/* 子组件样式 */
.child-component {
background-color: white;
}
/* 使用::ng-deep伪类在父组件中影响子组件样式 */
.parent-component ::ng-deep .child-component {
background-color: lightblue;
}
在上面的示例中,父组件使用.parent-component类来设置背景颜色,子组件使用.child-component类来设置背景颜色。然后,通过在父组件中使用::ng-deep伪类来影响子组件的样式,将子组件的背景颜色设置为lightblue。
请注意,::ng-deep伪类在Angular 6中已被标记为过时,并在将来的版本中可能会被移除。因此,最好考虑使用更好的组件架构来避免使用::ng-deep伪类。