为什么CSS隔离在Blazor不工作?

Question

我在许多教程中读到:

• 只需创建一个包含与页面相同文件名的文件加上。css -示例:用于订单。

• 把你的样式添加到css文件中，玩得开心

Ok，但是这不起作用。那么，正确的做法是什么呢?繁殖:

• 创建一个新的解决方案，客户端
• 等待正在创建的解决方案和样例样板(counter、fetchdata等)
• 在pages文件夹中创建一个文件"Index.razor.css">
• 在已创建的文件中添加:h1 {color: red}
• 执行解决方案

预期结果:Hello, world!红色的

收到:Hello, world!在黑色

Index.razor

@page "/"
<h1>Hello, world!</h1>
Welcome to your new app.
<SurveyPrompt Title="How is Blazor working for you?" />

Index.razor.css

h1 {
color: red
}

Answer 1

要使.razor.css文件工作，您需要使用。net5

看一下文档，看看你是否错过了任何步骤