在網頁開發中，我們經常會為頁面添加樣式效果，而 CSS 就是實現這些效果的主要工具之一。在 CSS 中，為了方便樣式的書寫與管理，我們可以給 HTML 元素添加編號，讓 CSS 根據這些編號來選擇元素并為其添加樣式。 那么，CSS 編號如何實現呢？這就需要用到 CSS 中的“類(class)”和“ID(id)”兩種編號方式。 1. 類編號 在 HTML 標簽中，我們可以添加 class 屬性，并設置一個名稱，如下所示：

<p class="my-class">這是一個段落</p>

在 CSS 中，通過使用“.”加上類名稱的方式來選擇元素，如下所示：

.my-class {
font-size: 16px;
color: #333;
}

上述代碼中，我們利用類名稱“my-class”來選擇一個段落元素，并為其設置了字體大小和顏色。需要注意的是，在 CSS 中類名稱前要加“.”，表示這是一個類選擇器。 2. ID 編號 類編號適用于多個元素共用一個樣式的情況，如果要為某個元素單獨設置樣式，就要使用 ID 編號了。 在 HTML 標簽中，我們可以添加 id 屬性，并設置一個名稱，如下所示：

<p id="my-id">這是一個段落</p>

在 CSS 中，通過使用“#”加上 ID 名稱的方式來選擇元素，如下所示：

#my-id {
font-size: 16px;
color: #333;
}

上述代碼中，我們利用 ID 名稱“my-id”來選擇一個段落元素，并為其設置了字體大小和顏色。需要注意的是，在 CSS 中 ID 名稱前要加“#”，表示這是一個 ID 選擇器。 總結 通過上述示例，可以看到，使用 CSS 編號可以很方便地為 HTML 元素添加樣式。需要注意的是，類編號適用于多個元素共用一個樣式的情況，而 ID 編號則適用于為某個元素單獨設置樣式的情況。在 CSS 中，類選擇器需要在名稱前加“.”，ID 選擇器需要在名稱前加“#”。