Angular 6中，父组件的CSS必须在子组件中实现。_编程开发

Angular 6中，父组件的CSS必须在子组件中实现。

创始人

2024-10-16 11:32:30

0次

在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伪类。

上一篇：Angular 6中，当API更新后，我的插值属性在UI中没有更新。

下一篇：Angular 6中，使用lambda表达式时，directive的ngOnChanges方法不起作用。

Angular 6中，父组件的CSS必须在子组件中实现。

父组件

子组件

相关内容

热门资讯