Angualar2 & Stylelint: Unexpected unknown pseudo-class selector ":host"

Question

How can I teach Stylelint Angular's selector ":host" ?

E.g. Angular2-Seed by MGechev shows in its build-process ":host" as error:

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

score 12 · Accepted Answer · edited May 23 '17 at 12:02

12

Use the following selector-pseudo-class-no-unknown rule definition:

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

Edit: See https://stackoverflow.com/a/39196050/1911294 for the new recommended approch

edited May 23 '17 at 12:02

Community

1
1

answered Aug 18 '16 at 00:19

netweb

622
5
12

the option name has changed to `ignorePseudoElements` https://stylelint.io/user-guide/rules/selector-pseudo-element-no-unknown#ignorepseudoelements-regex-string – André Kelling Jun 01 '21 at 06:41

score 3 · Answer 2 · answered Aug 28 '16 at 21:42

Support for the CSS Scoping Module Level 1 pseudo-classes and pseudo-element of :host, :host-context and ::slotted was added in stylelint@7.2.0.

After updating to this version you should no longer need to use the ignorePseudoClasses optional secondary option.

Angualar2 & Stylelint: Unexpected unknown pseudo-class selector ":host"

2 Answers2