CSS 命名规范,根据子应用提前约定CSS前缀。
原理:通过制定一套命名规范,避免样式之间的相互干扰,提高样式表的可维护性。
- 优点是实现简单、清楚。
- 不足:1、容易突破规范。2、人肉维护成本高
具体用法:常见的 CSS 命名规范有 BEM、OOCSS、SMACSS 等。例如,使用 BEM 命名规范,可以将一个按钮的 HTML 和 CSS 代码写成这样:
BEM规范:Block、Element、Modifier
CSS 命名规范,根据子应用提前约定CSS前缀。
原理:通过制定一套命名规范,避免样式之间的相互干扰,提高样式表的可维护性。
具体用法:常见的 CSS 命名规范有 BEM、OOCSS、SMACSS 等。例如,使用 BEM 命名规范,可以将一个按钮的 HTML 和 CSS 代码写成这样:
BEM规范:Block、Element、Modifier