为了避免命名冲突，命名规则如下：
- 公共组件因为高度重用，，命名从简，不要加前缀。
- 各栏目的相应代码，需加前缀，前缀为工程师姓名拼音的首字母，例如：海子前缀为“hz_”，分隔符为下划线"_",例如：“hz_imgList”。
- 模块组件化，组建中的class或id名采用骆驼命名法和下划线相结合的方式，单词之间的分隔靠大写字母分开，从属关系靠下划线分隔。
html:
<ul class="textList">
<li class="textList_firstItem">xxxxxxxxxxx</li>
<li>xxxxxxxxxx</li>
</ul>
CSS:
.textList { }
.textList_firstItem { }
- 命名清晰，不怕命名长，怕命名容易冲突，长命名可以保证不会产生冲突，所以CSS选择时可以尽量不使用子选择符，也能确保CSS优先权重足够低，方便扩展时的覆盖操作。
.textList_firstItem { }
- 命名要有意义，不要使用没有意义的命名，尽量用英语命名，不要用拼音。