眾所周知,CSS命名有其重要性,命名規則好壞直接影響網站代碼的可讀性。在京東,為了保證代碼的可維護性與團隊協作性,按照一定的規則命名所有的CSS樣式,這就是京東的CSS命名。
/** * 京東命名規則示例: * .yunshang-cancel-order{} //云商平臺取消訂單 * .qr-goto-store{} //前臺店鋪首頁 * .biz-main-nav{} //業務端主導航 * .platform-jiangpin-detail{} //平臺端獎品詳情頁 * .floor-editor-wrap{} //樓層編輯器包裹器 */ /** * 命名規則說明: * 所有樣式前面必須添加命名空間,如yunshang-,qr-,biz-,platform-等。 * 使用“-”連接,遵循小寫字母全縮寫的規則。 * 樣式名稱盡量簡單明了,表達語義清晰。如不同業務線的同名樣式盡量避免。 * 字符長度不宜過長,一般20字符以內。 * 細節樣式以更明確的語義或第二個單詞做命名補充,如floor-editor-wrap。 */
按照京東的CSS命名規則,不僅可以使代碼更有條理,易于維護,也方便團隊協作,降低溝通成本,而且可以充分發揮CSS優勢,實現樣式的復用性和擴展性。
上一篇mysql 行列函數
下一篇什么叫css預定義的顏色