## 前言 也许你曾经看到过很多样式命名规则，也参考了我们制定的命名规范，但是大部分的具体样式还是不知道如何命名，主要思想或者标准是什么，也就是前面.m-panel-后面的应该如何命名，子模块与父模块依赖关系怎么体现，等等类似的问题。本文将带你了解目前前端基本的命名规则，各自的优劣，然后我们会给出具体的方案。 ## 一 指定的格式 ### 驼峰式命名 类似于.mLayerTitle这样形式的，但这个仅仅是格式，不代表命名规则，和应该如何去思考用什么名称。 ### 以`-`格式分割开 类似于.m-layer-title ,这种格式也是很常见的。同样也是只有格式，没有命名方式的核心思想的。 ## 二 样式组织思想 ### BEM ### OOCC ### CSS modules