Angualar2 & Stylelint: Неожиданный неизвестный селектор псевдокласса ": host"

Question

Как я могу научить селектора Stylelint Angular «: host»?

E.g. Angular2-Seed by MGechev показывает в своем наращивании процесса ": хозяин", как ошибка:

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

Edit: См https://stackoverflow.com/a/39196050/1911294 нового рекомендуемого Approch

Answer 2

поддержки для в stylelint@7.2.0 были добавлены псевдоклассы CSS Scoping Module Level 1 и псевдоэлемент :host, :host-context и ::slotted.

После обновления к этой версии вам больше не нужно будет использовать необязательную дополнительную опцию ignorePseudoClasses.