Angualar2 & Stylelint:意外的未知伪类选择器":host“

Question

我如何教Stylelint Angular的选择器":host“？

例如，Angular2-Seed by MGechev在其构建过程中将":host“显示为错误：

src/client/app/+home/home.component.css
1:1     ‼  Unexpected unknown pseudo-class selector 
        ":host" (selector-pseudo-class-no-unknown) [stylelint]

Answer 1

使用以下selector-pseudo-class-no-unknown规则定义：

{
"rules": {
  "selector-pseudo-class-no-unknown": [ true, {
    ignorePseudoClasses: ["host"],
  } ]
  }
}

编辑:有关新的推荐方法，请参阅https://stackoverflow.com/a/39196050/1911294

Answer 2

在CSS Scoping Module Level 1中添加了对:host、:host-context和::slotted的stylelint@7.2.0伪类和伪元素的支持。

更新到此版本后，您应该不再需要使用ignorePseudoClasses可选辅助选项。