ID和CLASS的區別

2021-06-01 12:11:58 字數 632 閱讀 8906

在編寫外部css過程中,經常會會用到id與class屬性,即使用點號(.)建立class選擇器,使用hash符號(#)建立id選擇器。

id是不能重複的,所以在xhtml的結構中,大結構一定是用id。比如標誌、導航、主體內容、版權。

id需要具有唯一性,並且盡量在外圍使用。而class具有可重複性,並且盡量在結構內部使用。這樣做的好處是有利於****的後期維護與修改,這樣的做法就會讓所有的class都成為id的子級或是孫級。盡量不要讓class包含id

單一使用的樣式用id,需要程式、js動態控制的樣式用id,id在頁面只能使用一次!少用id,因為id可能和頁面嵌入的程式衝突。

一、在web標準中是不容許重複id的,例如 div id="a"   不容許重複2次;而class所定義的是類,理論上可以無限重複。以根據需要多次引用。

二、屬性的優先順序問題:id 的優先順序要高於class。

三、方便js等客戶端指令碼的引用,如果在頁面中要對某個物件進行指令碼操作,那麼可以給他定義乙個id,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如乙個id來得簡單與快捷。

CSS中id和class的區別

首先,在表現形式上 id 的優先順序比css高,例如 藍色理想 id和class都定義了背景顏色的屬性,但是由於id的優先順序比class高,所以背景色為id所定義的紅色 再次,class是通用屬性,就是說幾個div可以呼叫同乙個class 而id是唯一的,web標準中不允許出現兩個div的id標識...

HTML中Class和ID的區別

在html中,乙個頁面中需要用到多個標籤的時候,而這多個標籤需要不同的樣式或者用到同乙個樣式的時候,為了減免 量,和更加精準的控制標籤的形態,所以就有了class 和 id id 是唯一識別符號,就是類似於我們的身份證號碼,快速獲取標籤物件,對其進行操作。當我們使用id來修改標籤樣式的時候,是使用 ...

Html中id和class的區別

近日在重溫html的知識,編寫乙個很簡單的網頁時遇到乙個問題,這個問題困擾了好幾個小時!後來發現原來是用錯了引用符!瞬間覺得被自己chun哭了!class和id的比較 作用的範圍不一樣 class的範圍比id更大,id表示唯一標識的,就像我們個人的身份證一樣,是唯一的在乙個頁面中只能被呼叫一次。一般...