ClassName命名

ClassName的命名应该尽量精短、明确，必须以字母开头命名，且全部字母为小写，单词之间统一使用下划线 “_” 连接。 eg：.nav_top

注意事项

ad、banner、gg、guanggao 等有机会和广告挂勾的字眠不建议直接用来做ClassName，因为有些浏览器插件（Chrome的广告拦截插件等）会直接过滤这些类名，因此

<div class="ad"></div>

这种广告的英文或拼音类名不应该出现 另外，敏感不和谐字眼也不应该出现，如：

<div class="fuck"></div> <div class="jer"></div> <div class="sm"></div> <div class="gcd"></div> <div class="ass"></div> <div class="KMT"></div>

常用类名推荐

ClassName含义about关于account账户arrow箭头图标article文章aside边栏audio音频avatar头像bg,background背景bar栏（工具类）branding品牌化crumb,breadcrumbs面包屑btn,button按钮caption标题，说明category分类chart图表clearfix清除浮动close关闭col,column列comment评论community社区container容器content内容copyright版权current当前态，选中态default默认description描述details细节disabled不可用entry文章，博文error错误even偶数，常用于多行列表或表格中fail失败（提示）feature专题fewer收起field用于表单的输入区域figure图filter筛选first第一个，常用于列表中footer页脚forum论坛gallery画廊group模块，清除浮动header页头help帮助hide隐藏hightlight高亮home主页icon图标info,information信息last最后一个，常用于列表中links链接login登录logout退出logo标志main主体menu菜单meta作者、更新时间等信息栏，一般位于标题之下module模块more更多（展开）msg,message消息nav,navigation导航next下一页nub小块odd奇数，常用于多行列表或表格中off鼠标离开on鼠标移过output输出pagination分页pop,popup弹窗preview预览previous上一页primary主要progress进度条promotion促销rcommd,recommendations推荐reg,register注册save保存search搜索secondary次要section区块selected已选share分享show显示sidebar边栏，侧栏slide幻灯片，图片切换sort排序sub次级的，子级的submit提交subscribe订阅subtitle副标题success成功（提示）summary摘要tab标签页table表格txt,text文本thumbnail缩略图time时间tips提示title标题video视频wrap容器，包，一般用于最外层wrapper容器，包，一般用于最外层