Howdy Logo
Glossary Hero image

The Howdy Glossary

Search terms in Glossary

Object-oriented Css

Object-oriented CSS (OOCSS) is a method of writing modular, reusable CSS. By encapsulating design principles into objects that can be reused across different elements and pages, OOCSS reduces repetition and redundancy in stylesheets, making the codebase more maintainable and scalable. The approach encourages breaking down elements into their basic visual components and then combining them to create more complex structures using classes instead of applying styles directly to selectors. This original concept has inspired other methodologies like BEM (Block Element Modifier) and SMACSS (Scalable and Modular Architecture for CSS).