css类名问题

Question

div.model__mask

看到别人使用双下滑线来分割类名，请问江湖上这又什么含义吗？（比如const都用大写方便区分类型）为啥不用单下滑线，或者横杆呢？

Answer 1

这是BEM命名法

使用 BEM 命名规范，理论上讲，每行 css 代码都只有一个选择器。

BEM代表 “块（block）,元素（element）,修饰符（modifier）”,我们常用这三个实体开发组件。

在选择器中，由以下三种符号来表示扩展的关系：

• 中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。

__ 双下划线：双下划线用来连接块和块的子元素
_ 单下划线：单下划线用来描述一个块或者块的子元素的一种状态

希望我的回答可以帮到你，谢谢

Answer 2

江湖上一般使用 - 来连接, __ 这个要看自身给他定义了啥含义了

Answer 3

通常有下面几种写法：
1:驼峰式
2:用横杠（单的/双的）连接
3:用下划线（单的/双的）连接

就我个人而言，就是个纯粹的代码风格问题，看你公司怎么规定的，公司规定用什么就用什么。
萝卜青菜各有所爱。

可以看看这边文章：https://css-tricks.com/bem-101/

Answer 4

没有什么意义，只要保持同意即可，不要混着写，比如

//以下几种选其一，不要出现多种格式
model__mask
model_mask
model-mask
modelMask