BEM(CSS命名规范)

BEM是一种命名方法，可以帮助你在前端开发中实现可复用的组件和代码共享。

理想的状态下，咱们开发一套组件的过程当中，咱们应该能够随意的为其中元素进行命名，而没必要担忧它是否与组件之外的样式发生冲突。

BEM解决这一问题的思路在于，因为项目开发中，每一个组件都是独一无二的，其名字也是独一无二的，组件内部元素的名字都加上组件名，并用元素的名字做为选择器，天然组件内的样式就不会与组件外的样式冲突了。

<div class="page-btn"> <button type="button" class="page-btn__prev">上一页</button> <!-- ... --> <button type="button" class="page-btn__next">下一页</button> </div>

假如咱们有联系页面，路径是/pages/contact/。那么该页面的模块名能够是page-contact，其名下元素均以page-contact__element-name命名。