意外的未知伪元素选择器“::ng-deep”

【问题标题】：Unexpected unknown pseudo-element selector "::ng-deep"意外的未知伪元素选择器“::ng-deep”
【发布时间】：2020-04-29 11:11:08
【问题描述】：

我正在尝试覆盖有角度的材料，所以我使用了 ::ng-deep 但在 sonarqube 中出现错误。请帮我解决问题。

【问题讨论】：

【解决方案1】：

SonarQube should respect .stylelintrc。我们尝试了几个版本，但都没有奏效。我们当前的 JSON 也不起作用：

{
  "rules": {
    "selector-type-no-unknown": null,
    "selector-pseudo-element-no-unknown": null
  }
}

我知道这不是一个很有帮助的答案，但这是我目前所知道的全部。

【讨论】：

【解决方案2】：

这样试试

:host {

  ::ng-deep {

    //css

  }

如果我们希望我们的组件样式级联到组件的所有子元素，而不是页面上的任何其他元素，我们目前可以通过结合使用 :host 和 ::ng-deep 选择器来实现：

:host ::ng-deep h2 {
    color: red;
}

这将在运行时生成如下所示的样式：

<style>  
[_nghost-c0]  h2 {
    color: red;
}
</style>
}

【讨论】：