:host是什么意思？

Question

在2-10小节中，project-list.component.scss文件中有如下设置：

.card{
    height: 360px;
    flex:0 0 360px;
    margin:10px;
}

:host{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

请问这里的:host的确切含义是什么？这是css语法，还是scss语法，还是angular自身支持的特性呢？

Answer 1

接灰的电子产品 2017-08-14 18:22:12

:host 是 Angular 特性，用于设置宿主元素的样式。所谓宿主元素就是你这个组件在被使用时会以比如 <app-header></app-header> 这种形式提供，宿主就是这个标签了。

• 提问者 watermoonlx #1

  非常感谢！