请直接说明:host /deep/的含义:

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

最佳答案

当使用emulated View 封装时,它用于允许样式子组件。

关于此的更多信息可以在这里找到:

https://angular.io/guide/component-styles

现在不推荐使用twt /deep/选择器:


:host用于解决托管元素-这是您用于在某处添加组件的元素(例如<app-component>)。



因此,选择器:host /deep/ .ui-autocomplete的意思是“在当前宿主元素上,深入了解(也在子组件中搜索)并查找类ui-autocomplete的元素。

这是有关视​​图封装功能的一些其他信息:

https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html

关于css - :host/deep/选择器是什么意思?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46914414/

10-09 14:29