良好的代码结构，HTML和css元素之间的关系，对于项目交付是很重要的！BEM解释：(1).block是BEM的区块(B)，包含内容和风格。如bootstrap框架的.container。 (2).block-element代表自子容器(E)。如bootstrap框架的轮播图，.carousel表示轮播图，c...

一个组件可能有不同状态。状态应该使用修饰符类来实现。<!--这样写--><buttonclass="btnbtn--secondary"></button><stylelang="scss">.btn{display:inline-block;color:blue;&am...

bem是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系：`__：双下划线用来连接块和块的子元素`：仅作为连字符使用，连接块或元素或修饰符的多...

/*常规写法和BEM写法相同*/.list 块中的子元素是块的子元素，并且子元素的子元素在bem里也被认为是块的直接子元素。一个块中元素的类名必须用父级块的名称作为前缀。如上面的例子，li.item是列表的一个子元素/*常规写法*/.list{}.list.item{}/*BEM写法*/.list{}.lis...

BEM 是 Block（块） Element（元素） Modifier（修饰器）的简称使用BEM规范来命名CSS，组织HTML中选择器的结构，利于CSS代码的维护，使得代码结构更清晰（弊端主要是名字会稍长） 一个独立的（语义上或视觉上），可以复用而不依赖其它组件的部分，...

【前言】   BEM是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密.这篇文章主要介绍了CSSBEM命名规范简介(推荐)的相关资料,感兴趣的小伙伴们可以参考一下 【主体】1什么是BEM命名规范Bem是块（bloc...

推荐阅读： https://juejin.im/post/5b925e616fb9a05cdd2ce70dBem是块（block）、元素（element）、修饰符（modifier）的简写，由Yandex团队提出的一种前端CSS命名方法论。-中划线：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接...

参考地址：http://www.piis.cn/news/new519.asphttp://www.cuplayer.com/player/PlayerCode/RTMP/2012/0918427_4.html...