在實際的開發中，我們經常會為一個元素定義多個 CSS 類，以達到更好的樣式效果和代碼重用。下面就讓我們來學習一下多個 CSS 類的寫法吧！

/* 方式一：空格分隔 */
.btn {
font-size: 16px;
border: 1px solid #ccc;
padding: 10px;
}
.btn.primary {
background-color: #007bff;
color: #fff;
}
/* 方式二：逗號分隔 */
.input-group {
display: flex;
flex-direction: row;
align-items: center;
}
.input-group .form-control {
width: 50%;
margin-right: 10px;
}
.input-group .btn {
font-size: 16px;
border: 1px solid #ccc;
padding: 10px;
}
.input-group .btn.primary {
background-color: #007bff;
color: #fff;
}

我們可以看到，方式一和方式二的寫法略有不同。方式一使用空格分隔每個 CSS 類名，表示在該元素上同時應用多個類；而方式二使用逗號分隔每個 CSS 類名，表示分別對該元素應用多個類。

需要注意的是，使用多個 CSS 類名時，類名的順序也很重要。如果兩個 CSS 類中具有相同的樣式屬性，后面的類中的屬性值將覆蓋前面的。

因此，在編寫 CSS 類時，我們應當根據元素的不同特點，合理地組合多個 CSS 類，以達到最終的理想效果。