大家看了就明白了css樣式中類class與標識id選擇符的區(qū)別小結
更新時間:2007年12月09日 14:10:35 作者:
你可以用類選擇符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”的段落上。
一個id名稱在一個頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復使用你的css. 而把id留給最需要使用html元素的javascript等
這樣做的好處是,依賴于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”的段落上。
一個id名稱在一個頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復使用你的css. 而把id留給最需要使用html元素的javascript等
您可能感興趣的文章:
相關文章
CSSvista可同時在IE和Fifrefox調試的CSS編輯提供下載
CSSvista:可同時在IE和Fifrefox調試的CSS編輯器 CSSvista是一個免費的Windows增強應用程序,為Web開發(fā)人員準備的一個CSS編輯器。它可以讓你同時在IE和Firefox下調試你的CSS樣式表代碼。2008-06-06
激發(fā)你的靈感:50個優(yōu)秀的Favicons
激發(fā)你的靈感:50個優(yōu)秀的Favicons...2007-02-02

