:host,:host(),:host-context选择器有什么区别

mal*_*awi 4 css angular angular5

我正在从其样式文件中对角度组件进行样式设置,发现必须使用:host,:host():host-context选择器,它们之间有什么区别?

Jen*_*ger 5

:主办

是样式主机组件的语法。

:host(.element)

是一个实验性的CSS伪类函数,用于选择the shadow host of the shadow DOM containing the CSS it is used inside参考

:主机上下文

是用于在当前元素之外的任何地方设置特定类样式的语法。该类必须已经应用于当前元素范围之外的元素。

可以在此博客文章中找到有关Angular应用程序上下文的更多深入信息。

  • 如果我错了,请纠正我,但是根据我的理解(以及MDN上的描述),我看不出`:host`和`:host-context`仅适用于Angular。https://developer.mozilla.org/zh-CN/docs/Web/CSS/:host (2认同)
  • 是的,你是对的,我只在 Angular 上下文中看到过它,更正了答案。 (2认同)