Blazor WebAssembly 以不同的方式处理 css答案

【问题标题】：Blazor WebAssembly treats css differentlyBlazor WebAssembly 以不同的方式处理 css
【发布时间】：2020-07-28 22:06:45
【问题描述】：

在我的 MainLayout.razor 中，我有以下内容：

<NavLink href="" Match="NavLinkMatch.All">
   <span class="bdx-link" style="margin-left: 1.5em;"></span>Home
   </NavLink>

   <NavLink href="EntryGate">
   <span class="bdx-link" style="margin-left: 1.5em;"></span>Login
   </NavLink>

   <NavLink href="chat">
   <span class="bdx-link" style="margin-left: 1.5em;"></span>Chat
   </NavLink>

   <a href="https://docs.microsoft.com/aspnet/" class="bdx-link" target="_blank" style="margin-left: 
        1.5em;margin-right:1.5em">About</a>
</NavLink>

在 site.css 我有以下内容：

.bdx-link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #0A98DB
}

.bdx-link a:hover {
    color: aqua;
}

关于项目正确显示。 NavLink 项目没有得到正确的字体或颜色。谁能解释一下为什么？

【问题讨论】：

您的<span></span> 标签为空。

标签： css blazor webassembly

【解决方案1】：

请忽略。对于 NavLink，类语句必须放在 NavLink 行中，而不是跨度行中。

【讨论】：

并在color: #0A98DB之后添加;