id和class的使用及區別介紹

歡迎大家在這裡學習id和class的使用及區別這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!

我們知道在樣式表定義一個樣式的時候，可以定義id也可以定義class，例如：

ID方法：#test{color:#333333}，在頁面中調用

內容

 

CLASS方法：.test{color:#333333}，在頁面中調用

內容

 

id一個頁面只可以使用一次，class可以多次引用。

我在頁面中用了多個相同id在IE中顯示也正常，id和class好象沒什麼區別，用多個相同id有什麼影響嗎?

頁面存在多個相同的ID影響就是不能通過W3的校驗。

在頁面顯示上，目前的浏覽器還都允許你犯這個錯誤，用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div，那就會出現錯誤。

id是一個標簽，用於區分不同的結構和內容，就象你的名字，如果一個屋子有2個人同名，就會出現混淆;

class是一個樣式，可以套在任何結構和內容上，就象一件衣服;

概念上說就是不一樣的：

id是先找到結構/內容，再給它定義樣式;class是先定義好一種樣式，再套給多個結構/內容。

也就是說建議大家在寫XHML+CSS時如果是維一的結構定位的就用id，否則就用class吧(這樣讓出非結構定位的div塊的id讓程序員自己定義使用)

web標准希望大家用嚴格的習慣來寫代碼。

好了，id和class的使用及區別內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

CSS樣式命名規范介紹 

divcss浏覽器兼容的方法