CSS命名代碼是構建網站或者應用程序的重要工具。它可以幫助你更好地組織你的代碼，使代碼更具可讀性、易于維護。下面是一些CSS命名代碼的最佳實踐。

/*在CSS中使用有意義的類名*/
/*不良寫法*/
.blue{color:blue;}
/*良好的寫法*/
.text-primary{color:blue;}
/*使用BEM命名*/
/*不良寫法*/
.card{width:300px;}
.card-title{font-size:20px;}
/*良好的寫法*/
.card{width:300px;}
.card__title{font-size:20px;}
/*不要使用單個字母作為類名*/
/*不良寫法*/
.b{color:black;}
/*良好的寫法*/
.bold{font-weight:bold;}
/*不要使用數字或特殊符號作為類名*/
/*不良寫法*/
.1{font-size:12px;}
.!.bold{text-decoration:underline;}
/*良好的寫法*/
.small{font-size:12px;}
.underline{text-decoration:underline;}
/*不要使用超過3個單詞的類名*/
/*不良寫法*/
.text-primary-bold-underline{color:blue;font-weight:bold;text-decoration:underline;}
/*良好的寫法*/
.text-primary-bold{color:blue;font-weight:bold;}
.text-primary-underline{text-decoration:underline;}
/*命名空間*/
/*不良寫法*/
.text-primary{color:blue;}
.btn{color:red;}
/*良好的寫法*/
.text--primary{color:blue;}
.btn--primary{color:red;}
/*避免嵌套選擇器*/
/*不良寫法*/
.card .card__title{font-size:20px;}
/*良好的寫法*/
.card__title{font-size:20px;}

遵循CSS命名代碼的最佳實踐可以提高你代碼的可維護性和可讀性，不僅可以幫助你自己更好地理解自己的代碼，也可以使其他人更容易地維護和擴展你的代碼。