CSS樣式表中的id和class是常用的選擇器，可以對(duì)HTML元素進(jìn)行樣式設(shè)置。下面分別介紹它們的用法和區(qū)別。

#id-selector {
color: blue;
font-size: 20px;
}
.class-selector {
color: red;
font-size: 16px;
}

一、id選擇器

id選擇器使用#符號(hào)后跟元素id名稱作為選擇器名稱，該選擇器只能選中頁(yè)面中唯一的一個(gè)元素。比如：

<div id="header">
<h1>This is heading</h1>
</div>

上述代碼中，id為header的div元素可以通過(guò)以下樣式設(shè)置文字顏色和字體大小：

#header {
color: blue;
font-size: 20px;
}

二、class選擇器

class選擇器使用.符號(hào)后跟類名作為選擇器名稱，同樣的類名可以應(yīng)用在多個(gè)元素上。比如：

<p class="message">This is a message.</p>
<p class="message">This is another message.</p>

上述代碼中，類名為message的p元素可以通過(guò)以下樣式設(shè)置文字顏色和字體大小：

.message {
color: red;
font-size: 16px;
}

三、id選擇器和class選擇器的區(qū)別

1. 應(yīng)用范圍：id選擇器只能應(yīng)用于一個(gè)元素，而class選擇器可以應(yīng)用于多個(gè)元素。

2. 權(quán)重大小：id選擇器的權(quán)重大于class選擇器。

3. 命名規(guī)則：id選擇器命名必須唯一，而class選擇器命名可以重復(fù)。

總之，id選擇器和class選擇器在CSS樣式表中發(fā)揮著不同的作用，需要根據(jù)實(shí)際需求進(jìn)行選擇使用。