命名采用采用BEM形式
B即Block(块) 使用中线 ('-') 而不是小驼峰
E即Elements(元素) 使用下划线 ('_') 连接块和元素
外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容(中部)
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部
M即Modification(修饰) 使用双连接符 ('--') 来命名
例:
.stick-man__head--small { }
.stick-man__head--big { }
注:
当CSS 类名被 JS 操作时则添加 'js-' 前缀