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

Question

我试图覆盖角度材质，所以我使用了::ng-deep，但在sonarqube中得到了错误。请帮我解决这个问题。

Answer 1

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

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

我知道这不是一个很有帮助的答案，但到目前为止我只知道这些。

Answer 2

像这样试一下

:host {

  ::ng-deep {

    //css

  }

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

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

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

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