CSS規則是前端開發中不可或缺的一部分，它決定了網頁的樣式和布局。在CSS中，規則有三種類型：元素選擇器、類選擇器和ID選擇器。
元素選擇器（Element Selector）
元素選擇器是最常見的CSS規則類型。使用元素選擇器可以為HTML元素指定樣式。例如，我們可以用如下的方式為所有的標題h1元素設置樣式：
pre {
h1 {
color: red;
font-size: 24px;
}
}
這樣就能將所有的h1元素的文字變為紅色，并且字號為24像素。
類選擇器（Class Selector）
類選擇器是用來表示一類具有相同特性的HTML元素。它們由一個句點（.）開頭，后跟類名。例如，假設我們有一組鏈接，我們可以通過給它們一個類來統一設置樣式：
pre {
.link {
color: blue;
text-decoration: none;
}
}
這樣，我們就成功地為所有帶有“link”類的鏈接設置了藍色文字和沒有下劃線的文本修飾線。
ID選擇器（ID Selector）
ID選擇器是用來表示唯一的HTML元素。ID選擇器是用一個井號（#）來表示，后跟元素的ID。假設我們有一個唯一的圖片元素，我們可以使用ID選擇器來設置樣式：
pre {
#picture {
border: 1px solid black;
margin: 10px;
}
}
這樣，我們就能為某個唯一的圖片元素添加一個帶黑色邊框的10像素邊距。
總結
以上是CSS規則中的三種類型：元素選擇器、類選擇器和ID選擇器。每一種類型都有不同的用途和適用范圍。通過合理使用這些規則類型，開發者可以輕松地編寫優美的網頁樣式。