How to remove WebStorm sass-lint error "Unknown ng-deep pseudo-selector"

Question

Angular 2+ using scss and :: ng-deep in WebStorm selects this selector with the text "Unknown pseudo-selector" ng-deep "

I tried something like:

selector-pseudo-class-no-unknown: true
  ignorePseudoClasses: ng-deep

or

selector-pseudo-class-no-unknown: false

None of this works.

How to set an exception in scss-lint.yml for this pseudo selector?

Answer 1

:: ng-deep is a pseudo-element, not a pseudo-class. This is equivalent in my .stylelintrc

{
  "rules": {
    "selector-pseudo-element-no-unknown": [true, {
      "ignorePseudoElements": ["ng-deep"]
    }]
  }
}

Also you need to uncheck "Settings → Inspections → CSS → Invalid elements → Invalid CSS pseudo-selector