With the .NET 5 Preview 8 release a few weeks back, things are basically “feature complete,” except for the inevitable bug fixes. With the latest preview, we’re seeing a ton of great Blazor features. I was excited to see CSS isolation—also known as scoped CSS.

This post will discuss how to use CSS isolation with the latest preview bits, a feature adored by those in the Angular and Vue space, and for good reason—once you have it, you’ll soon wonder how you ever went without it. Also, the official docs for CSS isolation aren’t available until the RC1 release, so hopefully this post will lend a hand until then.

#[object object] #[object object]