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