教你識別網(wǎng)頁(yè)中CSS的類(lèi)class和標識id選擇符

 

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

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

　　看起來(lái)像這樣：

　　#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則用在不止一個(gè)的元素上。

 

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

---