【问题标题】:link tag in middle of blazor components for CSS isolation用于 CSS 隔离的 Blazor 组件中间的链接标记
【发布时间】:2019-10-07 09:56:31
【问题描述】:

由于 blazor 不支持 CSS 隔离,我发现隔离 CSS 的最佳方法是为您创建的每个组件创建一个 CSS 文件并将其导入组件 .razor 文件,但我想知道如果它在我的 blazor 组件文件顶部添加 <link rel="stylesheet" href="css/..." /> 标记的权利?

【问题讨论】:

  • <link> 标签应该在_Host.cshtml 中。如果您想知道访问BlazorFiddle 时该文件是什么样的,我告诉您的是第二个文件,您可以在其中看到<!DOCTYPE html>
  • 是的,我知道<link> 标签在哪里,并且我知道它必须在那里,但为了实现 CSS 隔离,我必须将它添加到组件页面。你对 CSS 隔离有什么好的建议吗?
  • @css 块呢?看看这个问题here
  • 当我使用这个时,我得到一个错误“当前上下文中不存在名称'css'”
  • 我从发给你的链接中得到了这个想法,它应该可以工作。但正如您在那个问题中看到的那样,他们对那个特性很有吸引力,并且一些 ASP.NET 成员正在那个转换中,也许他们正在研究它。所以我建议去ASP.NET gitter conversation 并在那里问,也许你会得到一个更好的遮阳篷来解决你的问题。我无能为力。对不起。

标签: c# html css .net blazor


【解决方案1】:

根据这个问题:https://github.com/dotnet/aspnetcore/issues/10170 他们实际上计划在 dotnet 5.0 发布后实现这样的功能,因为他们只是完全投入到下一个主要版本的开发中。 到目前为止,还没有规范如何或是否可以在 Blazor 中完成。 有一些库试图完成类似 shadow-dom 的功能。 BlazorStyled

【讨论】:

    猜你喜欢
    • 2021-04-07
    • 2021-02-20
    • 1970-01-01
    • 2021-03-26
    • 2021-09-03
    • 2021-03-01
    • 2021-04-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多