https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM

Shadow DOM是HTML的一个规范 ，它允许开发者封装自己的HTML标签、CSS样式和特定的javascript代码，同时也可以让开发人员创建类似<video>这样的自定义一级标签，创建这些新标签内容和相关的的API被称为Web Component

Chrome Show user agent shadow DOM: F12 > Settings > Preferences > Elements > Enable Show user agent shadow DOM

Demo1

Demo2

nothing

Demo3

hi