教你識別網頁中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

 

　　應用如下：

 

 

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

 

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

---