Blazor WebAssembly对css的处理方式不同

Question

在我的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://learn.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项目没有获得正确的字体或颜色。有人能解释一下原因吗？

Answer 1

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