Object-Oriented CSS considerations

1, do not directly define child nodes, the general declaration should be placed in the parent class;

2, the structure and the skin phase separation.

3, structure and content separation.

4. Abstract reusable elements, build components, and find the available element assembly pages within the component library.

5. To the object you want to extend is adding class instead of his parent node.

6, the object should remain independent.

7, avoid using the ID selector, the weight is too high, can not be reused. (ID) selector is used for JS.

8. Avoid position-related styles.

9, the same weight to ensure the selector.

10. Class name short clear fish Semantic oocss name does not affect HTML semantics

Object-Oriented CSS considerations