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。像這樣：

代碼如下	複製代碼
<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”的段落上。