What is a CSS conflict? Basically, when you import a CSS file into one of your components, it doesn't really limit it to one specific file; it gets added to the global CSS definitions instead. This means that if you define a particular style in one place, it might override or conflict with a totally different style in a different place. These style sheets get imported in some particular order, depending on how the code is loaded into your application overall, and everything ends up getting added to one big giant style sheet by the time your browser loads it all in.

As you can imagine, if everything is getting added to one gigantic file and there's no real differentiation between different files and how everything gets loaded, you will likely run into issues periodically where something that has been carelessly named ends up breaking everything!