BEM 命名空间 or BEM namespace

[lanlin]

BEM 命名规范

BEM CSS命名规范一 Quick start

BEM 命名空间推荐列表

_     // 表示一个 hack，如 ._important。

o-    // 表示一个对象（Object），如 .o-layout。

c-    // 表示一个组件（Component），指一个具体的、特定实现的 UI。如 .c-avatar。

u-    // 表示一个通用工具（Utility），如 .u-hidden。

t-    // 表示一个主题（Theme），如 .t-light。

s-    // 表示一个上下文或作用域（Scope），如 .s-cms-content。

js-   // 表示一个 JavaScript 钩子。如 .js-modal。

qa-   // 表示测试钩子

is-
has-  // 表示一种状态或条件样式。如 .is-active

详细注解

More Transparent UI Code with Namespaces