css - Angualar2 & Stylelint：意外的未知伪类选择器“：主机”

Question

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

例如MGechev 的 Angular2-Seed在其构建过程“: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 范围模块级别 1的伪类和伪元素:host，:host-context并::slotted在stylelint@7.2.0.

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