DEV Community

Discussion on: CSS Modules vs CSS-in-JS. Who wins?

Collapse
 
kachidk profile image
Nwanguma Victor • Edited

A big tip that might help.
Why not use SCSS and unique classNames: For example create a unique container className (name of the component) and nest all the other classNames under that unique container className.

.home-page-guest {
  .nav {}
  .main {}
  .footer {}
}
Enter fullscreen mode Exit fullscreen mode
<div className="home-page-guest">
  <div className="nav" />
  <div className="main" />
  <div className="footer" />
</div>
Enter fullscreen mode Exit fullscreen mode