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命名。