css - SonarQube -::ng-deep 收到错误为 "Unexpected unknown pseudo-element selector::ng-deep"

Question

在我们的元素中，我们使用了 Angular Material 进行开发。我们已经覆盖了 使用::ng-deep 的 Angular Material 样式自定义 CSS 属性。

在使用::ng-deep 时， Sonar 报告中出现“意外的未知伪元素选择器::ng-deep”错误。



在::ng-deep 团队之前尝试使用父类( mat-input-underline.mat-form-field-underline )和使用 customstyle.scss 文件覆盖属性，但它没有按预期工作。

只是想知道这个问题是否有任何替代解决方案，或者我们是否应该在 Sonar 指标中跳过这条规则。任何人请就此提出建议？

引用

What to use in place of ::ng-deep

Answer 1

我能弄清楚的最好的是 ViewEncapsulation.none 然后使用 app-component-name {}防止所有 css 溢出