头：header 内容：content/container 页脚：footer
页面主体：main 侧栏：sidebar广告：banner
栏目：column 页面外围控制整体布局宽度：wrapper左右中：left right center
登陆：login登录条：loginbar 注册：regsiter
导航：nav 子导航：subnav 菜单：menu
顶导航：topnav 左导航：leftsidebar 右导航：rightsidebar
子菜单：submenu搜索：search 标签页：tab
标志：logo 文章列表：list 当前的: current
热点：hot 图标: icon 按钮：btn
新闻：news 下载：download 服务：service
加入：joinus 指南：guild 投票：vote
合作伙伴：partner 友情链接：link 版权：copyright
提示信息：msg 小技巧：tips 注释：note
栏目标题：title摘要: summary内容：content
状态：status 功能区：shop 状态：status
这个要看你的具体目的而定，比如ul 表示匹配整个html文档中所有的ul标签 （即 <ul>...</ul>）
div ul 表示匹配所有包含在div内的ul标签 （即 <div><ul>...</ul></div>）
div.pic ul 表示匹配所有包含在类名为pic的div的ul标签 （即 <div class="pic"><ul>...</ul></div>）
也就是说，写得越详细，匹配的范围就越具体（或者说越小）。就比如说现实生活中，全国叫“张三”的可能有成千上万个，而“男的张三”范围就缩小一半了，“20岁的男的张三”范围一下子又减少了几十倍，以此类推……
常见命名.wrap或.wrapper--用于外侧包裹
.container或.ct--包裹容器
.header--用于头部
.body--页面 body
.footer--页面尾部
.aside、sidebar--用于侧边栏
.content--和header footer对应，用于主要内容
.navigation--导航元素
.pagination--分页
.tabs >.tab--tab切换
.breadcrumbs--导航列表、面包屑
.dropdown--下拉菜单
.article--文章
.main--用于主体
.thumbnail--头像、小图像
.media--媒体资源
.panel--面板
.tooltip--鼠标放置上去的提示
.popup--鼠标点击弹出的提示
.button、btn--按钮
.ad--广告
.subnav--二级导航
.menu--菜单
.tag--标签
.message或.notice--提示消息
.summary--摘要
.logo--logo
.search--搜索框
.login--登录
.register--注册
.username--用户名
.passwprd--密码
.banne --广告条
.copyright--版权
.modal或.dialog--弹窗
状态:
inverse--相反的
toggled--切换
switched--转换
original--起初的
initial--最初的
identified--识别
disabled--禁用
loading--加载
pending--等待
syncing--同步
default--默认
修饰:
dark--黑暗的
light--浅色的
shaded--深色阴影的
flat--平滑的
ghost--精灵
maroon--褐红色的
pale--白
intense--强烈的
twisted--扭曲的
narrow--狭窄的
wide--宽的
smooth--光滑的
separate--分离
clean--清洁的
sharp--锋利的
aligned--对齐的
元素:
pagination--分页
modal--情态动词
popup--弹出
article--文章
story--故事
flash--闪光
status--现状
state--州立
media--媒体
block--快
card-卡
teaser--挑逗
badge--徽章
label--标签
sheet--片材
poster--海报
notice--通知
record--记录
entry--入门
item--项目
figure--图
square--广场
module--模块
bar--酒吧
button--按钮
action--行动
knob--旋钮
布局:
navigation--航行
wrapper--包装器
inner--内部的
header--页眉
footer--页脚
aside--在一边
section--部分
divider--除法器
content--内容
container--容器
panel--面板
pane--窗格
construct--建造
composition--作文
spacing--间距
frame--框架
