Javascript Web组件允许在中使用外部样式，还是我在使用时出错？

因此，对于源，阴影DOM不应允许外部样式进入。 然而，要么我没有正确地理解它，要么我做错了什么，要么它真的错了。 请看这里

检查一下我的名字。遗产内的跨度（可通过检查/取消选中颜色进行验证）。 创建此元素的代码是

customElements.define（'author-name'，类扩展了HtmleElement{
构造函数（）{
超级（）
.attachShadow（{mode:'open'}）
.innerHTML=`
跨度{
字体系列：“氧气”，无衬线；
字体大小：calc（16px+32*（（100vw-320px）/1080））；
颜色：#FB6542；
}
@介质（最大宽度：700px）{span{font size:3rem；}}
@介质（最大宽度：508px）{span{font size:2rem；}}
Piotr Maksymiuk`；
}
});
这里没什么问题；在阴影域中定义样式；它将应用于span您是对的，但只需打开DevTools并检查span即可。它确实是一种遗产。例如，您可以检查字体颜色。在我的理解中，它不应该是不可能的，因为它的固有属性会级联到阴影中。见（2017）和