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

附詳文：
定義格式：

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

#aaa{ 樣式列表 }

而以class="bbb"形式定義的，在css中應(yīng)該這樣設(shè)置其樣式：

.bbb{ 樣式列表 }

（注意前面有一個點(diǎn)）

用途：

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

h1.redone{color:red}

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

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

獨(dú) 立的元素可以用于所有的html元素的,比如

.classname {property:value}

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

#idname {property: value}

概念定義：

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

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

ID與CLASS的使用原則

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

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

ID與CLASS的使用技巧

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

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

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

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

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

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

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

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/lzhitian/archive/2012/11/25/2787212.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。