- 1 min read


Reasonable System for CSS Stylesheet Structure.


Any CSS greater than 1000 lines will get unwieldy. You’ll eventually run into these common pitfalls:

  • “What does this class mean?”
  • “Is this class still being used?”
  • “If I make a new class green, will there be a clash?”

rscss is an attempt to make sense of all these. It is not a framework. It’s simply a set of ideas to guide your process of building maintainable CSS for any modern website or application.

  • Think in components, named with 2 words (.screenshot-image)
  • Components have elements, named with 1 word (.blog-post .title)
  • Name variants with a dash prefix (.shop-banner.-with-icon)
  • Components can nest
  • Remember you can extend to make things simple

Share: Link copied to clipboard


Previous: Aun Aprendo, de Francisco Goya
Next: WP Multisite to single WordPress manual installation

Where: Home > Technical > RSCSS