css – Angular 2:如何设计组件的主机元素?

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章