关于Angular中的:host选择器

Angular使用自定义标签插入组件

      上一篇关于HTML中的自定义标签的博客中，揭示了HTML自定义元素的默认样式是display:inline，而且也是可以为它们应用样式的。在Angular中，组件样式规则中的:host选择器就是用来对自定义元素应用样式：
      在Angular中，对组件的样式规则进行了内部封装，即为组件定义的样式规则都只在组件内部才能生效，不进不出。但是，由于组件的宿主元素也即自定义元素<app-component>在组件模板之外，而是父元素模板的一部分，如何在组件的样式规则中对它应用样式呢？还好Angular提供了在组件内部的样式定义中选择宿主元素的:host选择器，这也是在组件内部样式规则中选择宿主元素的唯一方式。