CSS : host ()

原创
admin 4个月前 (08-23) 阅读数 14 #CSS

:host()

CSS伪类函数 :host() 选择包含使用这段CSS的Shadow DOM的影子宿主(这样就可以从Shadow DOM中选择包括它的自定义元素)——但前提是该函数的参数与选择的阴影宿主相匹配。

最简单的用法是仅将类名放在某些自定义元素实例上,然后将相关的类选择器作为函数参数包含在内。不能将它与后代选择器表达式一起使用,以仅选择特定祖先内部的自定义元素的实例。这是 :host-context() 的作用。

备注: 在 shadow DOM 之外使用时,这没有任何效果。

css
/* 选择阴影根元素,仅当它与选择器参数匹配 */
:host(.special-custom-element) {
  font-weight: bold;
}
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS host-context() 下一篇:CSS hover
作者文章
热门
最新文章
标签列表