css - 为什么在使用嵌套组件时没有在 p 标签上应用 css？

Question

你能告诉我为什么 css 不应用于 p 标签吗？我有嵌套组件。现在我想在内部组件元素中添加 css。但是颜色属性没有应用为什么？这是我的代码

.a p {
  color: blue;
}

.a .test{
  color: blue;
}

https://stackblitz.com/edit/angular-f99kxh?file=src%2Fapp%2Fhello.css

标签： cssangular

Answer 1

您可以使用::ng-deep来获取内部元素。

.a ::ng-deep p {
  color: green !important;
}

更新堆栈闪电战