CSS是前端開發中不可或缺的一部分，它用來美化網頁、調整元素布局和實現交互效果等。在CSS中，Class是一種非常重要的選擇器。下面將詳細介紹CSS Class的相關知識。

.類名 {
//CSS style
}

上面這段代碼是CSS定義Class的方式，其中“.類名”就是CSS類選擇器的寫法。在Class選擇器中，類名前面的句點是必須的，用來表明這是一個Class，方便CSS進行識別。

在HTML中使用Class時，只需要在對應元素的class屬性中寫上相同的類名即可。例如：

<div class="類名"></div>

Class還可以用來代替ID選擇器。每個ID都必須獨一無二，而Class可以被多個元素共用。這意味著，如果多個元素需要相同的樣式，我們只需要給它們添加相同的Class就行了，避免了重復編寫代碼。

另外，Class也可以被多個元素共用。這就允許我們通過編寫通用的Class，來使多個元素具備相同的樣式。例如：

.按鈕 {
/*通用按鈕樣式*/
display: inline-block;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 4px;
}
.submit-btn {
/*提交按鈕樣式*/
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.clear-btn {
/*清空按鈕樣式*/
color: #212529;
background-color: transparent;
border-color: #ccc;
}

上面這段代碼定義了一個名為“按鈕”的Class，它包含了通用按鈕的樣式。然后，通過提供不同的顏色和邊框等屬性，為“提交”和“清空”兩個按鈕設置不同的樣式，但它們的基本樣式都是相同的。

總之，CSS Class是一種非常有用的選擇器，它可以幫助我們編寫更加簡潔、高效的CSS代碼，從而提高開發效率。以上就是CSS Class的介紹，希望對你有所幫助。