區別:1.作用範圍不同,class的作用範圍較大,而id的作用範圍較小;2、優先等級不同,id選擇符的優先等級較高,而class選擇符的優先等級較低;3、css的使用語法不同,class透過「.」選擇,id透過「#」選擇。
本教學操作環境:windows10系統、HTML5版、Dell G3電腦。
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中文網其他相關文章!