CSS规范BEM CSS和OOCSS的示例代码详解

前言 在项目开发中,由于每个人的代码习惯不同,编写出来的css代码不够结构化,整洁度和语义化欠缺。BEM CSS和OOCSS的思想大家在日常编码中一定有所用到,只是没有系统的了解和完全规范的使用。 BEM(Block, Element, Modifier) CSS 介绍 BEM是一种 前端命名规范 ,顾名思议就是将页面拆分成每一个富有语义的块,块和块可以嵌套,用 连接符 代表各模块之间的关系以及元素状态,生成一种模块化、可复用、高可维护性和结构化的CSS代码。 block element modifier(修饰语) 独立且有意义的实体, e.g. header , con