通過閱讀Element-UI源碼來分析學(xué)習(xí)BEM規(guī)范, 使用BEM規(guī)范語義化更加鮮明幅慌,閱讀更容易理解误算,
意思是
塊般码,
意思是
元素束倍,
意思是
修飾器被丧。
塊與元素之間使用__ 雙下劃線連接,塊或元素與修飾器之間使用-- 雙中劃線連接绪妹。
BEM中塊甥桂、元素、修飾器的命名如果存在多個單詞使用- 單中劃線連接
<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>