个人代码风格习惯-标签命名

原文链接： http://www.cnblogs.com/zhangxin123/p/11598238.html

在后期需要二次维护的项目中，CSS类名命名规范也是一种问题，常见的命名规范是BEM规范，B（block）即模块，E（element）即元素，M（modifier）即修饰符：

举个栗子：

1 
2 <div class="search-bar">
3   <input class="search-form__input"/>
4   
5   <button class="search-form__button">button>
6   
7 div>
8 

但是鄙人认为这种命名规范中的-和_过于繁琐，所以我的命名习惯一般是基于驼峰命名法的直接父级元素类名+子元素的功能含义英文：

举个栗子：

1 
2 <div class="searchBar">
3   <input class="searchBarInput"/>
4   
5   <button class="searchBarBtn">button>
6   
7 div>
8 

 

转载于:https://www.cnblogs.com/zhangxin123/p/11598238.html