blazor服务器组件中的CSS隔离

Question

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

我已经玩了很多，但在我的blazor服务器应用程序CSS隔离不起作用。还是这一特性仅在blazor WebAssembly中可用？

所以我试了一下：

test.razor

• create

• 创建了一个新的

• 组件，例如名为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" />

有了这个，一切都好。

Answer 2

如果您使用的是.NET 6.0 blazor服务器端，请粘贴以下一行：

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

在Pages > _Layout.cshtml文件上，它将按预期工作。