### 1.1、id和class的命名原则 应反映该元素的功能或使用通用名称，而不要用抽象的晦涩的命名（原则：见名知其义） ### 1.2、文件夹、文件名、id、class具体命名规范:[驼峰命名法](https://baike.baidu.com/item/%E9%AA%86%E9%A9%BC%E5%91%BD%E5%90%8D%E6%B3%95/7794053?fr=aladdin) * 文件夹采用“中划线法命名法” ~~~ 例：system-user-info：函数名中的每一个逻辑断点都有一个下划线来标记。 注：文件名不要以中文或人名命名，可以在文件内部注释说明是谁修改或建立的这个文件 ~~~ * 文件名采用“中划线法命名法” ~~~ 例：system-user-info.js：函数名中的每一个逻辑断点都有一个下划线来标记。 ~~~ * id：采用“小驼峰命名法” ~~~ 例：myStudentCount：变量myStudentCount第一个单词是全部小写，后面的单词首字母大写。 ~~~ * class：采用“中划线法命名法” ~~~ 例：print-employee-paychecks：函数名中的每一个逻辑断点都有一个下划线来标记。 ~~~ ### 1.3、id和class命名越精简越好，只要足够表达意思，这样有助于理解，同时也能提高代码效率 ~~~ .navigation{} /* 不推荐 */ .login_box_inside_con{} /* 不推荐 */ .nav{} /* 推荐 */ ~~~ ### 1.4、命名嵌套问题 书写css要注意先后顺序和嵌套问题，从性能上考虑尽量减少选择器的层级 ~~~ .nav ul.list{} /* 不推荐 */ .nav .list{} /* 推荐 */ ~~~ ### 1.5、命名中尽量避免使用中文拼音，应该采用更简明有语义的英文单词进行组合 * 命名注意缩写，但是不能盲目缩写； * 不允许通过1、2、3等序号进行命名； * 避免class与id重名； * id注意用于标识模块或页面的某一个父容器区域，名称必须唯一，不要随意新建id； * class用于标识某一个类型的对象，命名必须言简意赅； * 尽可能提高代码模块的复用，样式尽量用组合的方式； * 规则名称中不应该包含颜色、定位等与具体显示效果相关的信息，应该用意义命名，而不是结果名称。