选择符的命名

页面布局：

-页面头部：header
-图标：logo
-右上快捷区域：quicklinks
-页面中部：page
-侧栏：side column
-主栏：main column
-第三栏：extra column
-区块：section
-区块顶部：heading
-区块中部：container
-区块底部：footing
-页面底部：footer
-版权说明：copyright

常用布局：

-田字格布局：show case
-列表布局：list
-标签切换：tab
-排行榜：billboard
-表单：post form
-纯文字区域：text area
-翻页：page navigation

通用模块：

-导航栏：nav
-登陆框：login box
-搜索框：search box

通用样式：

-高亮：highlight
-激活：active，或者on
-清除浮动：fix，或者clear
-图：pic
-文：txt

对于层叠的情况，有三种命名方式：

a) 模块名和元素名绑成一个名字。比如.comment_title。

b) 只用元素名，只对元素名定义样式。比如.keywords。

c) 也是只用元素名，但是将选择符层叠定义，比如.login .username。

摘自 小麦 http://www.mikkolee.com/page/2