https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6fabd2f0-e6a9-4941-b76f-1581966367d9/image1_dcorl1.png

OOCSS stands for object-oriented CSS. This approach has two main ideas:

Using this structure, the developer obtains general classes that can be used in different places.

At this step, there are two pieces of news (as usual, good and bad):

Also, the OOCSS approach itself does not offer specific rules, but abstract recommendations, so how this method ends up in production varies.

As it happens, the ideas in OOCSS inspired others to create their own, more concrete, ways of code structuring.