您好,登錄后才能下訂單哦!
這篇文章主要介紹了html5中class與id有哪些區別,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
區別: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{ 屬性:屬性值; }
感謝你能夠認真閱讀完這篇文章,希望小編分享的“html5中class與id有哪些區別”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。