CSS中的ID和Class是兩種常見的選擇器。在網頁設計中，我們使用ID來為某一元素命名，便于在樣式中進行操作。使用Class則可以給一組元素添加相同的樣式，提高代碼的可復用性。下面我們來逐一了解它們的使用。

#id{
/* CSS代碼 */
}
.class{
/* CSS代碼 */
}

首先介紹ID。ID是用來唯一標識HTML元素的，這也是它和Class的最大區別。在CSS樣式中，我們可以通過“#”符號來表示ID選擇器。例如：

#header{
color: #333;
font-size: 24px;
}

代碼中的“header”就是HTML中的ID名稱。這樣操作后，CSS的樣式就只會對該ID下的元素生效，而不影響其他元素。使用ID時要遵循以下幾點：

• ID名稱不能重復。
• 只能用一次，不能多次使用在同一個HTML元素上，否則無效。
• ID是唯一的，通常用在比較重要的元素上，如頁面的主體、導航欄等。

接下來介紹Class。Class是用來為一組元素添加相同的樣式的。在CSS樣式中，我們可以通過"."符號來表示Class選擇器。例如：

.article{
color: #666;
font-size: 16px;
}

在HTML中，我們可以為某一元素添加Class，例如：

<div class="article">
<p>這是一篇文章</p>
<p>這是第二段內容</p>
</div>

這樣，用了“article”類名的所有元素都會應用這些樣式了。使用Class時要遵循以下幾點：

• Class名稱可以重復，不像ID可以唯一，可以多次應用在HTML元素上。
• Class可以用在任何HTML元素上。
• 與ID不同，Class命名時不需要受元素的語義影響。借助Class，可以通過組合來實現一些強大的樣式效果。

總結：使用ID和Class一定要注意區分它們的不同點，并且注意遵循一些規則，這樣在編寫CSS時可以更加得心應手。