blazor-server 组件中的 CSS 隔离

Question

使用新的 .NET 5 预览版 CSS 隔离来了 blazor。有人知道，是否可以在 blazor 服务器中使用 CSS 隔离？

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

所以我试了一下：

• 创建一个新的 blazor 组件，例如 test.razor
• 创建名为 test.razor.css 的组件 CSS 文件，并在此文件中写入 CSS 代码
• 现在启动 blazor-server 应用程序，但不会添加静态 CSS 文件，也找不到 CSS 类。

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

问候丹尼尔

Answer 1

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

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

有了这个，一切正常。