Blazor WebAssembly рассматривает css по-разному - PullRequest
Новая
       8

Blazor WebAssembly рассматривает css по-разному

2 голосов
/ 15 апреля 2020

В моем 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>

На сайте. 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;
}

Элемент About отображается правильно. Элементы NavLink не получают правильный шрифт или цвет. Кто-нибудь может объяснить почему?

1 Ответ

0 голосов
/ 15 апреля 2020

Пожалуйста, не обращайте внимания. Для NavLink оператор класса должен go в строке NavLink, а не в строке span.

...