The concept and ideas of OOCSS

Concept

Ideas

Object-oriented CSS has two principles:

1. Independent structure and style
2. Stand-alone containers and content

The following points are a key part of creating OOCSS:

1. Create a component library
2. Separate containers and content, and avoid styling to rely on location
3. Independent structure and style
4. Use the class name to extend the base object
5. Persist in naming class names with semantic classes

Start practicing:

1. Create a component library ( create the underlying structure (HTML) and create the underlying class name . ）

2, separate containers and content , and avoid styles to rely on location

3. Basic class

4, by extending the class name to the base object, so as to achieve the reusability of the base object

5. Semantic naming

The concept and ideas of OOCSS