Неожиданный неизвестный селектор псевдоэлемента ":: ng-deep"

Question

Я пытаюсь переписать материал angular, поэтому я использовал :: ng-deep, но получаю ошибку в sonarqube. Пожалуйста, помогите мне решить проблему.

Answer 1

SonarQube должен уважать .stylelintr c. Мы попробовали несколько версий, ни одна из которых не работала. Наш текущий 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>
}