首頁 > web前端 > 前端問答 > html5中class與id有什麼差別

html5中class與id有什麼差別

WBOY
發布: 2022-03-16 11:41:37
原創
3268 人瀏覽過

區別:1.作用範圍不同,class的作用範圍較大,而id的作用範圍較小;2、優先等級不同,id選擇符的優先等級較高,而class選擇符的優先等級較低;3、css的使用語法不同,class透過「.」選擇,id透過「#」選擇。

html5中class與id有什麼差別

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html5中class與id有什麼差別

id 

是唯一識別符,就是類似我們的身分證號碼,快速取得標籤對象,對其進行操作。

當我們使用id來修改標籤樣式的時候,是使用#id來表示的

Class

是指向一類,也就是說,如果有四個標籤的樣式是一樣的,我們為了方便,就把這四個標籤的樣式放到一個Class裡面去,當需要用到的時候,我們直接讓標籤繼承於這個Class類,達到減少程式碼量的操作,如果還需要在四個標籤裡面精確控制,我們可以用id搭配class同時控制一個標籤!

當我們使用Class來修改標籤樣式的時候是使用.Class來表示的

區別如下:

  • 作用的範圍不一樣: class的範圍比id更大,id表示唯一識別的,就像我們個人的身分證一樣,是唯一的在一個頁面中只能被呼叫一次。一般一個網頁不設定兩個或兩個以上的id。而class的範圍就比較廣泛了,class是類別標籤,在一個介面中可以被呼叫多次。可以重複使用。

  • 優先權等級不一樣:id選擇符的優先權等級要高於class選擇子的優先權。對於比較重要的可以使用id選擇符。

  • 使用的語法不一樣:id選擇符在css中的使用方式,如用div來舉例:(例如分別有div id='i'…和div class=' c'…兩個div盒子,引用在css中的方法如下:)

.c{
属性:属性值;
} 
#i{
属性:属性值;
}
登入後複製

#推薦教學:《html影片教學

以上是html5中class與id有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板