大家看了就明白了css樣式中類class與標識id選擇符的區(qū)別小結
更新時間：2007年12月09日 14:10:35 作者：
你可以用類選擇符class和標識選擇符id來定義自己的選擇符。
這樣做的好處是，依賴于class或者id，你可以不同地表現(xiàn)相同的HTML元素。
在CSS中，類選擇符在一個半角英文句點（.）之前，而id則在半角英文井號（#）之前。
看起來像這樣：
#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML與CSS的連接用屬性id和class。像這樣：
<div id="top"> <h1>Chocolate curry</h1> <p class="intro">This is my recipe for making curry purely with chocolate</p> <p class="intro">Mmm mm mmmmm</p> </div>
id和class不同之處在于，id用在唯一的元素上，而class則用在不止一個的元素上。
你也可以為一個指定的HTML元素應用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會應用在有類“jam”的段落上。
一個id名稱在一個頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復使用你的css. 而把id留給最需要使用html元素的javascript等
這樣做的好處是，依賴于class或者id，你可以不同地表現(xiàn)相同的HTML元素。
在CSS中，類選擇符在一個半角英文句點（.）之前，而id則在半角英文井號（#）之前。
看起來像這樣：
#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML與CSS的連接用屬性id和class。像這樣：
<div id="top"> <h1>Chocolate curry</h1> <p class="intro">This is my recipe for making curry purely with chocolate</p> <p class="intro">Mmm mm mmmmm</p> </div>
id和class不同之處在于，id用在唯一的元素上，而class則用在不止一個的元素上。
你也可以為一個指定的HTML元素應用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會應用在有類“jam”的段落上。
一個id名稱在一個頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復使用你的css. 而把id留給最需要使用html元素的javascript等
您可能感興趣的文章:
相關文章
2008-01-01![仿客齊集首頁導航條DIV+CSS+JS [代碼實例]](http://img.jbzj.com/images/xgimg/bcimg1.png)
仿客齊集首頁導航條DIV+CSS+JS [代碼實例]...2007-04-04
CSSvista可同時在IE和Fifrefox調試的CSS編輯提供下載
CSSvista:可同時在IE和Fifrefox調試的CSS編輯器 CSSvista是一個免費的Windows增強應用程序，為Web開發(fā)人員準備的一個CSS編輯器。它可以讓你同時在IE和Firefox下調試你的CSS樣式表代碼。2008-06-06
一些很不錯的css技巧,但也常為人們所忽略...2007-05-05
Meta標簽詳解...2007-02-02
web標準常見問題集合5...2006-12-12
CSS學習筆記Padding 屬性中參數(shù)的定義與使用
css padding縮寫技巧2008-05-05
激發(fā)你的靈感:50個優(yōu)秀的Favicons
激發(fā)你的靈感:50個優(yōu)秀的Favicons...2007-02-02
div iframe幀顯示問題2008-08-08
前端項目的性能優(yōu)化是一個綜合性的問題,需要從多個方面入手,以下是幾大類的優(yōu)化方案：移動端、圖片、JavaScript、css、html、頁面內容、服務器、cookie2023-11-11