Open BestDI opened 3 years ago
CSS BEM
使用 BEM 命名规范,理论上讲,每行 css 代码都只有一个选择器。
BEM代表 “块(block),元素(element),修饰符(modifier)”,我们常用这三个实体开发组件。
BEM
在选择器中,由以下三种符号来表示扩展的关系:
- 中划线 :仅作为连字符使用,表示某个块或者某个子元素的多单词之间的连接记号。 __ 双下划线:双下划线用来连接块和块的子元素 _ 单下划线:单下划线用来描述一个块或者块的子元素的一种状态 `type-block__element_modifier`
🎃 Js/CSS 工程化实践
-
CSS BEM
书写规范使用 BEM 命名规范,理论上讲,每行 css 代码都只有一个选择器。
BEM
代表 “块(block),元素(element),修饰符(modifier)”,我们常用这三个实体开发组件。在选择器中,由以下三种符号来表示扩展的关系: