CSS中的class命名是非常重要的,它可以幫助我們更好地組織和管理我們的CSS樣式。
/* 以下是一些好的class命名規則 */ /* 使用語義化的命名 */ .header { font-size: 24px; } .nav { background-color: #333; } /* 使用簡潔的命名 */ .btn { background-color: #007bff; color: #fff; } /* 使用BEM命名規范 */ .block__element--modifier { display: flex; justify-content: center; } /* 避免使用數字、拼音、縮寫和無意義的命名 */ .box1 { border: 1px solid #ccc; } .cn { font-size: 16px; } .ab { margin: 10px; } .unnamed { color: #666; }
以上是一些CSS中class命名的常見規則,養成好的命名習慣可以提高代碼的可讀性和方便維護。