- 基本(base): 简单的选择器的基本样式,如
clearfix
,reset
重置默认样式 - 布局(Layout): 定义顶部栏、侧边栏、正文、页脚等主要部分
- 模块(Module): 一群元素组成的一个模块,比如说
header
和sidebar
等 - 状态(State): 元素的不同状态。如
hover
,focus
,隐藏、按住等 - 主题(Theme):更多的样式,颜色、形状、边框、阴影还有其他等等
- 参考: https://smacss.com/book/categorizing
clearfix
, reset
重置默认样式header
和 sidebar
等hover
, focus
,隐藏、按住等