CSS命名規範 BEM

本文轉載於:猿2048網站CSS命名規範 BEM

良好的代碼結構，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。