CSS是網頁設計中不可或缺的一部分，它給網頁帶來了豐富的樣式與交互效果。而在CSS中，class和id是兩個重要的概念。

class和id都可以用于選擇HTML元素，并給它們添加樣式。class屬性可以被多個元素共用，而id屬性則是唯一的，同一個頁面上只能有一個元素使用相同的id。因此，在選擇一個元素時，如果該元素在頁面上只有一個，我們應該使用id來選擇它，否則應該使用class來選擇。

/* 選中id為main的元素 */
#main {
/* 添加樣式 */
background-color: #f2f2f2;
color: #333;
}
/* 選中class為button的元素 */
.button {
/* 添加樣式 */
border: 1px solid #ccc;
background-color: #fff;
color: #333;
}

當然，class和id不僅可以用于選擇元素，還可以用于JS腳本中操作元素。通過class或id來選中元素，我們可以在JS中修改該元素的樣式、內容等屬性，并實現豐富的交互效果。

綜上所述，class和id是CSS中兩個重要的概念，掌握它們的用法可以讓我們更好地實現網頁的設計和交互。