ViewEncapsulation.ShadowDom正在创建阴影dom，但未从外部CSS封装组件

Question

Stackblitz

我有一个最简单的角度分量。唯一的区别是我启用了encapsulation: ViewEncapsulation.ShadowDom。这样做将按预期创建shadow dom。但是它不能保护组件免受外部样式的影响。

例如，我在style.css中有以下样式

*{
  font-size: 30px;
  color:red;
}

此样式已应用于组件内部的div。

有人可以请教，为什么？