前言
在現(xiàn)在的互聯(lián)網(wǎng)業(yè)務(wù)中，前端開發(fā)人員往往需要支持比較多的項目數(shù)量。很多公司只有 1-2 名前端開發(fā)人員，這其中還不乏規(guī)模比較大的公司。這時前端同學(xué)就需要獨擋一面支持整個公司上下的前端業(yè)務(wù)，項目如流水一般從手里流過，此時更需要前端開發(fā)人員將工作工程化、流水線化。
本博文在發(fā)布之后有些爭議，有人認為如此書寫 css 并不規(guī)范。這點我認同，但不少框架也采用了這種方式，提升的開發(fā)效率也是明顯的。希望大家對這種思想去其糟粕，取其精華，過度使用必然導(dǎo)致可維護性下降，但絕對使用單一類名也不現(xiàn)實。最后祝大家工作順利。
一個栗子
現(xiàn)在需要編寫頁面中的一個按鈕，結(jié)構(gòu)與樣式如下：
<div class='button'>開始</div>
