

Get on with the rest of your day (or you know, go for lunch).Define your component’s styles in that file.With CSS Isolation you can define styles for your components right there, next to the component. Go round this hamster wheel a few times site.css gets bigger, new styles are chucked on the end and tweaking your styles takes longer, and longer (as does figuring out why anything looks the way it does).NET 5 offers a solution - CSS Isolation That all sounds like work and it’s nearly lunchtime… maybe, just this once, you could add one teeny-tiny little style to the bottom of this file? I mean… you’re already in this file which has lots of other CSS styles, and creating a new one would mean naming it, and linking to it from your main HTML page. Once there you realise you need a new style but where should you put it? … so you go to the one place where all the styles live.

You’re working on your app and realise you need to tweak the CSS… Which probably explains why you have a single stylesheet in your app where ALL the CSS styles go.

If there’s one thing we know about human beings it’s that they’re hardwired to take the shortest route from A to B…
