CSS公共類名的寫(xiě)法是一個(gè)非常重要的問(wèn)題,因?yàn)樗P(guān)乎到我們的網(wǎng)頁(yè)樣式能否更加組織有序,更加規(guī)范統(tǒng)一。下面就來(lái)介紹一下CSS公共類名應(yīng)該怎么寫(xiě)。
/* ----------------------- 方案一 ----------------------- */ /* 使用簡(jiǎn)單的單詞描述 */ .text { color: #333; font-size: 14px; } .title { font-size: 16px; font-weight: bold; } /* ----------------------- 方案二 ----------------------- */ /* 使用模塊化語(yǔ)言描述 */ .common-text { color: #333; font-size: 14px; } .main-title { font-size: 16px; font-weight: bold; } /* ----------------------- 方案三 ----------------------- */ /* 使用前綴形式描述 */ .css-text { color: #333; font-size: 14px; } .css-title { font-size: 16px; font-weight: bold; } /* ----------------------- 方案四 ----------------------- */ /* 使用BEM規(guī)范(Block-Element-Modifier) */ .list { display: block; } .list__item { display: inline-block; } .list__item--active { color: red; } /* ----------------------- 方案五 ----------------------- */ /* 使用自定義的類名 */ .custom-text { color: #333; font-size: 14px; } .custom-title { font-size: 16px; font-weight: bold; }
綜上所述,CSS公共類名的寫(xiě)法有很多種,開(kāi)發(fā)者可以根據(jù)實(shí)際情況選擇適合自己的方案。但不管采用哪種方式,都要保證命名的規(guī)范性、易讀性、可維護(hù)性和可擴(kuò)展性。