Frontend & browser·Layout, CSS and the cascade
the class in the output is a hashed string, so nothing else on the page can accidentally match it.
Scoped styles
Also calledCSS modules, style scoping
Rewriting class names at build time so a component's styles cannot collide with any other component's. It gives you the isolation that naming conventions used to approximate by hand, without giving up plain CSS files. The trade is that the class you see in the browser is not the class you wrote, and styling a child component from a parent now requires an explicit escape hatch.