请教一下 Blazor web app Razor 类库 文件夹下的 css 隔离失效问题

Question

问题1: 我新建了一个 Razor 类库, 在当前项目中 直接 新建一个 Example.razor 文件, 随后我又新建一个 Example.razor.css

Example.razor:

@page "/example"  <h1>Scoped CSS Example</h1>  @code {  }

Example.razor.css:

h1 {
    color: red;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
}

此时打开 /example 页面, css 隔离 是有效的, 随后我在工程里 新建文件夹 MyComponent, 然后再创建

Component.razor 文件 和 Component.razor.css 文件

Component.razor :

@page "/component4"

<h1>Scoped CSS Example 4</h1>  @code {  }

Component.razor.css :

body {
}
h1 {
    color: red;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
}

此时打开 /component4 页面, css 隔离 无效，请教下是我哪里少引用了 还是 缺失了什么？这个问题该如何解决呢？还是说 .razor 文件 不能放 文件夹 下？

问题2: CSS 隔离 有时会显示不出来，但是 重新把文件删了再新建，又显示正常了，代码内容都是一样的，CSS 隔离 与 浏览器的缓存有关系吗？

以上问题都是基于 Blazor web app (.net 9.0),

IDE： Microsoft Visual Studio Community 2022 (64 位)版本 17.13.1