資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML 中 id 和 class 的區別
在 HTML 中，Id 和 Class 都是元素選擇器，用於根據分配給這些引數的名稱來標識元素。ID 和 Class 選擇器是 CSS (HTML) 中使用最廣泛的元素選擇器。ID 和 Class 的基本區別在於，ID 選擇器僅應用於頁面中的一個元素，而 Class 選擇器可以應用於單個頁面上的多個元素。
閱讀本文，瞭解更多關於 HTML 中“id”和“class”的資訊，以及它們彼此之間的區別。
什麼是 HTML 中的 ID？
在 HTML 中，“id”選擇器用於元素的 id 屬性。對於 HTML 元素，“id”名稱以符號“#”開頭，後跟一個唯一的名稱。id 元素的一個重要特徵是，我們只能將一個 id 選擇器附加到一個元素。因此，ID 選擇器在一個 HTML 頁面中始終是唯一的。
ID 選擇器的示例
<!DOCTYPE html>
<html>
<head>
<title>
Id demo
</title>
<style>
#idDemo{
color:green;
font-size:25px;
}
</style>
</head>
<body style="text-align:center">
<h1>Get element by Id</h1>
<p id="idDemo">Demo for Id selector</p>
</body>
</html>
什麼是 HTML 中的 CLASS？
在 HTML 中，“class”選擇器用於選擇具有特定 class 屬性的元素。class 選擇器以句點 (.) 開頭，後跟一個類名。與 id 選擇器不同，我們可以將多個選擇器附加到 HTML 元素。因此，class 可以在一個頁面中多次應用。需要注意的是，類名不能以數字開頭。
Class 選擇器的示例
<!DOCTYPE html>
<html>
<head>
<title>
Class demo
</title>
<style>
.classDemo{
color:orange;
font-size:25px;
}
</style>
</head>
<body style="text-align:center">
<h1>Get element by class<h1>
<p class="classDemo">Demo for class selector</p>
</body>
</html>
HTML 中 ID 和 CLASS 的區別
以下是 ID 和 Class 的重要區別：
關鍵 |
Id |
Class |
|---|---|---|
語法 |
在 HTML 中，對於一個元素，ID 名稱以“#”符號開頭，後跟分配給它的唯一名稱。 |
分配給元素的“class”名稱以“.”開頭，後跟類名。 |
選擇器 |
只能將一個 ID 選擇器附加到一個元素。 |
可以將多個 class 選擇器附加到一個元素。 |
唯一性 |
ID 在一個頁面中是唯一的，並且最多隻能應用於一個元素。 |
class 可以應用於多個元素，因此在一個頁面中可以多次出現。 |
結論
您應該注意到的最顯著的區別是，一個元素只能有一個 ID 選擇器，而一個元素可以有多個 class 選擇器。但是，ID 和 Class 選擇器都用於根據分配給其引數的名稱來標識元素。
29K+ 次瀏覽
