css – Angular 2：如何设计组件的主机元素？

我有Angular 2中的组件称为my-comp：

<my-comp></my-comp>

在Angular 2中如何为这个组件的主机元素设计样式？

在polymer中，您将使用“：host”选择器。我试过它在Angular 2.但它不工作。

:host {
  display: block;
  width: 100%;
  height: 100%;
}

我也尝试使用组件作为选择器：

my-comp {
  display: block;
  width: 100%;
  height: 100%;
}

这两种方法似乎不工作。

谢谢。

解决方法

有一个错误，但它在此期间固定。 ：host {}现在工作正常。

也支持

>：host(selector){…}用于选择器匹配主机元素上的属性，类，…
>：host-context(selector){…}用于选择器匹配父组件上的元素，类，…
> selector>>>>>选择器，用于样式在元素边界之间匹配

参见Load external css style into Angular 2 Component