Question

请以直截了当的方式解释:host /deep/的含义：

:host /deep/ .ui-autocomplete {
  width: 85%;
}

Answer 1

它用于在使用emulated视图封装时允许样式化子组件。

更多相关信息可以在这里找到：

Btw /deep/选择器现已弃用：

不推荐使用阴影穿透后代组合器，并且正在从主要浏览器和工具中删除支持。因此，我们计划放弃Angular中的支持（对于/ deep /，＆gt;＆gt;＆gt;和:: ng-deep的所有3个）。在此之前，应该首选:: ng-deep，以便与工具实现更广泛的兼容性。

:host用于解决托管元素 - 即用于在某处添加组件的托管元素（例如<app-component>）。

使用：host伪类选择器来定位承载组件的元素中的样式（而不是在组件模板中定位元素）。

因此，选择器:host /deep/ .ui-autocomplete表示当前托管元素上的＃34;深入（也搜索子组件）并查找具有类ui-autocomplete的元素。

以下是有关视图封装功能的一些其他信息：