CSS :host 替代普通 dom

【问题标题】：CSS :host alternative for normal domCSS :host 替代普通 dom
【发布时间】：2018-07-04 09:31:08
【问题描述】：

我在 Angular 中使用影子 DOM，并通过 :host 选择器在 CSS 中设置主机样式。

如果我在 Angular 中创建 encapsulation:ViewEncapsulation.None，那么我将处于正常的 DOM 中，而 :host 选择器将不起作用

在 CSS 或 SASS 等中，普通 DOM 中的 :host 选择器有什么替代方法？

为什么我需要解决方法？

因为如果我出于调试目的激活 ViewEncapsulation.None ，样式中的 :host 将被忽略

【问题讨论】：

【解决方案1】：

“我在 Angular 中使用影子 DOM”到底是什么意思？默认情况下，您处于普通 DOM 中。除非您使用 ViewEncapsulation.Native，否则没有影子 DOM。默认只模拟影子 DOM。

如果您使用ViewEncapsulation.None，则没有什么比:host 选择器更好

您需要解释您尝试解决的确切问题，以获得更具体的解决方法。

【讨论】：

如果你使用ViewEncapsulation.None，没有比host更瘦的了。如果您提供更多信息，说明您要解决的实际问题或您认为您最有可能没有的ViewEncapsulation.None 的原因，我可能会提供更多帮助。
如果我出于调试目的激活 ViewEncapsulation.None ，样式中的 :host 将被忽略
这基本上就是ViewEncapsulation.None的目的。如果您不提供任何信息，则无法为您提供帮助。