在樣式表定義一個樣式的時候，可以定義id也可以定義class。
1、在CSS文件里書寫時，ID加前綴"#"；CLASS用"."
2、id一個頁面只可以使用一次；class可以多次引用。
3、ID是一個標簽，用于區(qū)分不同的結構和內容，就象名字，如果一個屋子有2個人同名，就會出現(xiàn)混淆；class是一個樣式，可以套在任何結構和內容上，就象一件衣服；
4、從概念上說就是不一樣的：id是先找到結構/內容，再給它定義樣式；class是先定義好一種樣式，再套給多個結構/內容。
目前的瀏覽器還都允許用多個相同ID，一般情況下也能正常顯示，不過當你需要用JavaScript通過id來控制div時就會出現(xiàn)錯誤。

附詳文：
定義格式：

另外，形如id="aaa"定義的,在css中是這樣設置其樣式的：

#aaa{ 樣式列表 }

而以class="bbb"形式定義的，在css中應該這樣設置其樣式：

.bbb{ 樣式列表 }

（注意前面有一個點）

用途：

?class元素分2種,關 聯(lián)的和獨 立的. 關聯(lián)的用于html的相關tag的,比如

h1.redone{color:red}

<h1 class= redone> 字體為紅色的 <h1>

<h1> 字體是黑色的 <h1>

獨 立的元素可以用于所有的html元素的,比如

.classname {property:value}

id元素和獨 立的class功能相似,區(qū)別是id 是唯一的而且對于javascript操作html 元素有幫助,

#idname {property: value}

概念定義：

id是元素的名稱，可以供js或其它腳本程序來訪問該元素對象，而class是該元素的css類名。

id的值在整個當前網頁中應該是唯一的，即某一個元素定義了id="aaa"，那么這個網頁中其它的元素的id就不能定義成aaa，而class則可以。

ID與CLASS的使用原則

據(jù)說W3C對于ID與CLASS的設定是ID具有唯一性，CLASS 具有普遍性。所以我們這里的使用原則也是依據(jù)這一特性建立的。ID是不能重復的，所以在 XHTML的結構中，大結構一定是用ID。比如標志、導航、主體內容、版權。這些呢接我自己制定的規(guī)范命名為#logo , #nav , #content , #copyright 這些是雷打不動的命名。有人說布局排版用ID，配色背景用CLASS，其實這是不正確的，ID與布局排版沒有直接關系，CLASS與配色也不是對等的。有人呢為了麻煩全都用ID或是全都用CLASS，全都用CLASS呢還有可理解，全都用ID就不正常了，這有悖ID唯一性。如果每個ID都不一樣，那非累死不可。我通過實踐總結的使用原則是：ID需要具有唯一性，并且盡量在外圍使用。而CLASS具有可重復性，并且盡量在結構內部使用。這樣做的好處是有利于網站代碼的后期維護與修改，這樣的做法就會讓所有的CLASS都成為ID的子級或是孫級。你可以有兩個兒子但你能有兩個爸爸嗎，就是這個道理。在我們寫 CSS的時候可以寫成這樣 #father .child {…} 盡量不要讓Class包含ID，.father #child {…}如果寫成這樣顯得有點可笑 。當然這也不是鐵定的，特殊情況需要特殊對待嘛。但是通常情況下這種形式的必要性不大。

以上就是ID與CLASS使用原則，歸總起來一句話：ID是唯一的并是父級的，CLASS是可以重復的并是子級的。

ID與CLASS的使用技巧

1. 子級的命名的包含父命名中的部分為開頭。這樣方便在編寫CSS時明確層次關系。

2. CLASS中的子級最好不用ID。當然特殊情況特殊對待。

3. CLASS的命名最好命名用大小寫合用。例 .newMovie 這樣的寫法與第一條結合起來使用明確關系最合適。要需要注意的是IE以外的瀏覽器對于大小寫是很敏感的。還有就是一定要以字母開頭。

其實上面講的都是一些大家都明白的內容，只是我撿了個漏先寫下來算是一個總結。希望大家對于ID與CLASS的使用提出自己的新觀點新思路。一起總結出最適合也最有效率的規(guī)范來。

若出現(xiàn)重復定義時，從優(yōu)先級來看是：

Style ＞ ID ＞ Class ＞ 缺省的Html元素

一個Class是用來根據(jù)用戶定義的標準對一個或多個元素進行定義的。打個比較恰當?shù)谋确骄褪莿”?#xff1a;一個Class可以定義劇本中每個人物的故事線，你可以通過CSS，javascript等來使用這個類。因此你可以在一個頁面上使用class="Frodo" ，class="Gandalf"， class="Aragorn"來區(qū)分不同的故事線。還有一點非常重要的是你可以在一個文檔中使用任意次數(shù)的Class。

至于 ID，通常用于定義頁面上一個僅出現(xiàn)一次的標記。在對頁面排版進行結構化布局時（比如說通常一個頁面都是由一個頁眉，一個報頭< masthead>，一個內容區(qū)域和一個頁腳等組成），一般使用ID比較理想，因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現(xiàn)大于一次的情況。

歸納成一句話就是：Class可以反復使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反復使用同一個ID不會出現(xiàn)問題，但在標準上這絕對是錯誤的使用，而且很可能導致某些瀏覽器的現(xiàn)實問題。

在實際應用的時候，Class可能對文字的排版等比較有用，而ID則對宏觀布局和設計放置各種元素較有用

轉載于:https://www.cnblogs.com/lzhitian/archive/2012/11/25/2787212.html

總結

以上是生活随笔為你收集整理的【转】在CSS中 ID与Class的区别?谢谢的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。