班(class)和身份證件(id)的區別

類ID與類ID

層疊樣式表（CSS）是一種描述使用標記語言編寫的文檔的外觀和格式的語言。CSS被廣泛用於設計用HTML編寫的web頁面的樣式。CSS除了為HTML元素應用樣式外，還允許指定自己的樣式選擇器。這是使用ID和類選擇器完成的。為單個唯一元素指定樣式時，將使用ID選擇器。為一組元素指定樣式時，將使用類選擇器。

什麼是班級？

在CSS中，類選擇器可用於將自己的樣式應用於一組元素。類選擇器用於將特定樣式應用於具有相同類的一組元素。在CSS中，類選擇器由句號（.）標識。下面是CSS中定義的類選擇器的示例。

.我的班{

顏色：藍色；

字體粗體：粗體；

}

HTML可以通過使用如下所示的屬性類來引用CSS中定義的類。

&lt；p class=“my_class”&gt；這是我的格式設置&lt；/p&gt；

&lt；p class=“my_class”&gt；這又是我的格式設置&lt；/p&gt；

如上所示，同一類可用於多個元素，單個元素可以使用多個類。當同一元素中使用多個類時，類將**到由空格分隔的類屬性中，如下圖所示。

&lt；p class=“my_class_1 my_class_2”&gt；這是我使用兩個類進行的格式設置&lt；/p&gt；

什麼是身份證？

在CSS中，ID選擇器可用於將您自己的樣式應用於單個唯一元素。在CSS中，ID選擇器由散列（#）標識。下面是CSS中定義的ID選擇器的示例。

#我的身份證{

顏色：紅色；

文本-對齊：右；

}

HTML可以使用如下所示的屬性ID引用CSS中定義的ID選擇器。

&lt；p id=“my_id”&gt；這是我的格式表單a id選擇器&lt；/p&gt；

ID是唯一的。因此，每個元素只能有一個ID，而每個頁面只能有一個具有該特定ID的元素。如果頁面URL包含哈希值（例如。http://myweb.com我的id)瀏覽器將嘗試自動定位ID為“my_ID”的元素，並滾動網頁以顯示該元素。這就是為什麼頁面應該有一個具有特定ID的元素，這樣瀏覽器就可以定位該元素。

Class和ID有什麼區別？