在Web項(xiàng)目中規(guī)范css命名還是很有必要的噪舀，BEM傳送門夕春。
通過閱讀Element-UI源碼來分析學(xué)習(xí)BEM規(guī)范, 使用BEM規(guī)范語義化更加鮮明丈攒，閱讀更容易理解褥实， B意思是Block 塊遍希，E意思是Element 元素等曼，M意思是Modifier 修飾器。塊與元素之間使用__ 雙下劃線連接凿蒜，塊或元素與修飾器之間使用-- 雙中劃線連接禁谦。
BEM中塊、元素废封、修飾器的命名如果存在多個(gè)單詞使用- 單中劃線連接
<button class="button">
Normal Button
</button>
<button class="button--state-success">
Success Button
</button>
<div class="footer">
<button class="footer__button">footer button</button>
<button class="footer__button--state-success">footer button</button>
</div>
.button {} /*基礎(chǔ)按鈕*/
/*通過雙中劃線連接修飾器 這樣語義化更加鮮明*/
.button--state-success {} /*狀態(tài)為成功的button*/
.footer__button{} /*底部按鈕樣式*/
.footer__button--state-success{} /*底部狀態(tài)為成功的按鈕樣式*/
/*state-success 多個(gè)單詞直接使用-連接*/
