Angualar2＆amp; Stylelint：意外的未知伪类选择器＆＃34;：host＆＃34;

Question

我如何教授Stylelint Angular的选择器＆＃34;：host＆＃34; ？

E.g。 Angular2-Seed by MGechev在其构建过程中显示＆＃34;：host＆＃34;作为错误：

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"],
  } ]
  }
}

修改：有关新推荐的approch

，请参阅https://stackoverflow.com/a/39196050/1911294

Answer 2

在:host中添加了对:host-context，::slotted和stylelint@7.2.0的{​​{3}}伪类和伪元素的支持。

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