blazor - blazor-server 组件中的 CSS 隔离

标签 blazor blazor-server-side blazor-component

使用新的 .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”。
    问候
    丹尼尔

    最佳答案

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

    <link href="ProjectName.styles.css" rel="stylesheet" />
    
    有了这个,一切正常。

    关于blazor - blazor-server 组件中的 CSS 隔离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64738381/

    相关文章:

    c# - 重新保存Blazor WASM的.razor文件

    c# - onclick 方法在 Blazor 服务器端 Razor 组件中不起作用

    c# - 使用 FluentValidation 在 Blazor 中进行自定义验证

    blazor - 何时在 Blazor 中拥有多个根组件?

    blazor - 如何为 Blazor Web 程序集强制使用 https?

    debugging - 如何调试 Razor 页面中的嵌入式代码?

    c# - 单击 Blazor 中的顶部导航链接时滚动到页面的指定部分

    c# - 如何通过单击按钮将另一个 Razor 组件加载到 Razor 组件中?

    javascript - 没有静态函数的 Blazor JSInvokable