please read the docs until you understand how css isolation works:
then use the browsers CSS debug tools to see why the isolation selectors are not work as you expected
This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
I have an AppLogin.razor component and its css file is AppLogin.razor.css. They are working fine. I have a UserLogin.razor component and its css file is UserLogin.razor.css. The working mechanism is as follows When you login from the AppLogin.razor component, it navigates to the UserLogin.razor component by NavigationManager route, but the problem is that it does not execute the css file for UserLogin.razor, but rather executes the css file for AppLogin.razor, even after moving to the UserLogin.razor component. What's the reason?
note : I have included this
<link href="AssembleName.styles.css" rel="stylesheet">
please read the docs until you understand how css isolation works:
then use the browsers CSS debug tools to see why the isolation selectors are not work as you expected