为什么 CSS Blazor 中的隔离不起作用？

Question

我看了很多教程:

• 只需创建一个文件，其中包含与页面相同的文件名加上 .css - 示例：对于 Orders.razor，创建一个文件 Orders.razor.css

• 在 css 文件中添加您的样式并玩得开心

好的，但这不起作用。那么，正确的做法是什么？重现：

• 创建一个新的解决方案，客户端
• 等待正在创建的解决方案和示例样板文件（计数器、获取数据等）
• 在页面文件夹中，创建一个文件Index.razor.css
• 在创建的文件中，添加：h1 { color : red }
• 执行解决方案

预期结果：你好，世界！红色

收到：你好，世界！黑色

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

看看 docs 看看你是否没有遗漏任何步骤