認清CSS的類class和標識id選擇符

　　在CSS初級教程中我們僅僅考慮了HTML選擇符──以HTML標簽形式出現。你當然可以用類選擇符class和標識選擇符id來定義自己的選擇符。這樣做的好處是，依賴于class或者id，你可以不同地表現相同的HTML元素。

　　在CSS中，類選擇符在一個半角英文句點(.)之前，而id則在半角英文井號(#)之前。

　　看起來像這樣:

　　#top { background-color: #ccc; padding: 1em }

　　.intro { color: red; font-weight: bold; }

　　HTML與CSS的連接用屬性id和class。像這樣:

以下是引用片段：
#top { background-color: #ccc; padding: 1em }  //id
.intro { color: red; font-weight: bold; }//class

　　應用如下：

以下是引用片段：
<div id="top"> 
<h1>Chocolate curry</h1>
<p class="intro">網頁制作愛好者-www.devdao.com</p> 
<p class="intro">http://www.devdao.com/</p> 
</div>

　　id和class不同之處在于，id用在唯一的元素上，而class則用在不止一個的元素上。

　　你也可以為一個指定的HTML元素應用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會應用在有類“jam”的段落上。