在CSS中，類選擇器是一種常用的選擇器類型。它可以根據HTML元素的class屬性值來選擇并應用樣式。下面介紹幾個CSS類選擇器使用的原則。

/* 1. 命名語義化 */
/* 為了方便維護和理解，類名應該具有語義化。例如，使用".btn"表示按鈕，".title"表示標題等。 */
.btn {
/* 按鈕的樣式 */
}
.title {
/* 標題的樣式 */
}
/* 2. 多個類名的使用 */
/* 一個HTML元素可以有多個class屬性值，類選擇器也可以匹配多個class屬性值。使用多個類名可以方便地選擇一組具有相似特征的元素。 */
.box {
/* 具有.box和.red類名的元素樣式 */
}
.box.red {
/* 同上 */
}
/* 3. 父子關系選擇 */
/* 類選擇器可以通過選擇器的層級關系來選取子元素或后代元素。這樣可以具有靈活性的選擇元素。 */
.parent .child {
/* 選取父元素class為parent的直接子元素class為child的樣式 */
}
.parent .child span {
/* 選取class為parent的父元素中，所有深度為2的子孫元素span */
}
/* 4. 通過樣式區分 */
/* 對于一組相似的元素，如果想通過不同的樣式區分它們，可以使用類選擇器。 */
.box {
/* 相似元素共同樣式 */
}
.box.big {
/* 比同類元素更大的樣式 */
}
.box.small {
/* 比同類元素更小的樣式 */
}