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

Question

在WebStorm中，带有scss和：：ng- 2+的Angular选择器使用文本“未知伪选择器'ng-deep'”突出显示此选择器。

我试过这样的方法：

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

or

selector-pseudo-class-no-unknown: false

这些都不管用。

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

Answer 1

::ng-deep是伪元素，而不是伪类。这在我的.stylelintrc中是等效的

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

此外，您还需要取消选中设置->检查-> CSS ->无效元素->无效CSS伪选择器

Answer 2

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

更新14.05.2018

引用自angular.io：

不推荐使用穿透阴影的后代组合器

，并且正在从主要浏览器和工具中移除对它的支持。因此，我们计划删除Angular中的支持(对于/deep/、>>>和：：ng-deep的所有3个)。在此之前，应该首选::ng-deep，以获得与这些工具更广泛的兼容性。

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