web-dev-qa-db-ja.com

WebStormsass-lintエラー「不明な疑似セレクター 'ng-deep'」を削除する方法

WebStormでscssと:: ng-deepを使用したAngular2 +は、このセレクターを「不明な疑似セレクター 'ng-deep'」というテキストで強調表示します。

私は次のようなことを試しました：

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

or

selector-pseudo-class-no-unknown: false

これはどれも機能しません。

この疑似セレクターのscss-lint.ymlに例外を設定するにはどうすればよいですか？

cssangularangular-componentsscss-lint
11
Adam Michalski

:: ng-deepは疑似要素であり、疑似クラスではありません。これは私の.stylelintrcと同等です

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

また、[設定]-> [検査]-> [CSS]-> [無効な要素]-> [無効なCSS疑似セレクター]のチェックを外す必要があります

7
Arelav

Angular 4.xでは、/deep/の代わりに::ng-deepを使用できます。

PD 14.05.2018

Angle.ioからの引用：

シャドウピアスの子孫コンビネータは非推奨になり、主要なブラウザとツールからサポートが削除されます。そのため、Angular（/ deep /、>>>、:: ng-deepの3つすべて）でサポートを終了する予定です。それまでは、:: ng-deepを優先する必要があります。ツールとの幅広い互換性。

したがって、基本的に、Angularチームはこの機能のサポートを停止するため、はそれらのいずれも使用しないでください。

0
vlodko