请直接说明: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/