Can I create external styles outside Blazor's CSS isolation?

Question

css

I have a site with separated styles, it looks like this:

In Style I import all the blocks in the HTML markup

@import "Core.css"
@import "Header/Header.css"
@import "Main/Main.css"
@import "Footer/Footer.css"
@import "И тому подобное"

Then I migrated my site to Blazor WebAssembly and applied the same block splitting method.
It just happened that all the styles are in a static folder, and there are imports in the isolation of MainLayout.styl.
And if you include styles in a static index, then imports in isolation will not be needed.

And here I have a few questions:

1. Is it possible to do this and does it follow the Blazor Style Guide?
   
2. If you can't do that, what's the best way to do it?
   
3. If so, how can this method be improved?
   
4. If I use MainLayout.styl which will emit CSS, would that be better than all of the above options?
   

Thanks for the answer!

PS I didn't get an answer on StackOverflow, but I'll leave a link to the original ( https://stackoverflow.com/q/70070506/16943903 ).

Answer 1

Since no one has given an answer, I will answer my own question.
The answer is in my post here: https://stackoverflow.com/q/70070506/16943903 .
(I leave the text in case the question is deleted)
Well, no one answered, so I will write my answer to my question.
I split MainLayout into two parts - HeaderLayout and FooterLayout, made CSS isolation and in MainLayout I put them together.


And use pseudo-class ::deep for child component support (source: https://docs.microsoft.com/en-us/aspnet/core/blazo... ).
I think my solution correspond to the Blazor Style Guide and in general it is quite effective.