CSS命名规范 BEM

时间:2021-09-25 08:52:02

良好的代码结构,HTML和css元素之间的关系,对于项目交付是很重要的!

BEM解释:

(1).block 是BEM的区块(B),包含内容和风格。如bootstrap框架的.container。

(2).block-element 代表自子容器(E)。如bootstrap框架的轮播图,.carousel表示轮播图,carousel-indicators表示轮播图的对应点,carousel-inner表示轮播图的内容。

(3).block-modifier,表示区块元素的改变(M)。如bootstrap框架的 text-danger。