斑馬CSS是一種CSS命名約定，它可以通過為CSS類和ID選擇器指定前綴來幫助我們更好地組織和理解代碼。斑馬CSS最初是由Harry Roberts在2012年提出的，其目的是提高CSS的可讀性和可維護性。

斑馬CSS的命名約定包括為類和ID選擇器添加前綴以及使用下劃線來分隔單詞。通過這種方式，可以清晰地區分出哪些是全局樣式，哪些是特定模塊的樣式，哪些是僅供JavaScript使用的樣式。例如：

/* 全局樣式 */
.gf-container {}
/* 模塊樣式 */
.gfm-title {}
/* 僅供JavaScript使用的樣式 */
.js-gfd-submit {}

此外，斑馬CSS還推薦將相關樣式組合在一起，以便更輕松地查看和修改代碼。例如：

.gfd-input {}
.gfd-input-label {}
.gfd-input-help {}

總之，斑馬CSS是一種有用的CSS命名約定，可以提高代碼的可讀性和可維護性。如果你還沒有嘗試過使用斑馬CSS，可以考慮在下一次編寫CSS代碼時使用它。