blazor服务器组件中的CSS隔离

随着新的.NET5预览版CSS的推出，blazor实现了CSS隔离。 有人知道吗，有可能在blazor服务器中使用CSS隔离吗

我玩了很多，但在我的blazor服务器应用程序中，CSS隔离不起作用。 或者此功能仅在blazor WebAssembly中可用

所以我试了一下：

• 创建新blazor组件，例如test.razor
• 创建名为test.razor.CSS的组件CSS文件，并在该文件中编写CSS代码
• 现在启动blazor服务器应用程序，但不会添加任何静态CSS文件，也找不到CSS类

TargetFramework是“net5.0”。 已安装的dotnet版本为“5.0.100-rc.2.20479.15”

问候

---

丹尼尔

好的，我发现了问题。在我的“_Host.cshtml”文件中，缺少指向“project.styles.css”的链接：

---

有了这个，一切正常。

默认情况下，模板在服务器端使用它。例如，

mainloayout.razor

和

mainloayout.razor.css

我就是这样试过的，但是不管用谢谢你的提示。还要记住，

{ProjectName}

必须匹配

解决方案>项目>属性>包>产品

。这可能不同于

项目

名称空间。这对我来说也很有效，但在文档中是否有任何地方需要添加此名称空间才能实现CSS隔离？

<link href="ProjectName.styles.css" rel="stylesheet" />