css - 如何删除 WebStorm sass-lint 错误“未知的伪选择器 'ng-deep'”

Question

WebStorm 中带有 scss 和 ::ng-deep 的 Angular 2+ 用文本“Unknown pseudo selector 'ng-deep'”突出显示此选择器

我试过类似的东西：

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

or

selector-pseudo-class-no-unknown: false

这些都不起作用。

如何在 scss-lint.yml 中为此伪选择器设置异常？

score 16 · Accepted Answer

::ng-deep is pseudo element, not 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

score 0 · Accepted Answer

在 Angular 4.x 中，您可以/deep/使用::ng-deep.

更新 14.05.2018

来自 angular.io 的引用：

不推荐使用穿透阴影的后代组合器，并且正在从主要浏览器和工具中删除支持。因此，我们计划放弃对 Angular 的支持（对 /deep/、>>> 和 ::ng-deep 的所有 3 个）。在此之前 ::ng-deep 应该是首选，以便与工具更广泛地兼容。

所以基本上你不应该使用它们中的任何一个，因为 Angular 团队将停止支持这个特性。

2 回答 2