CSS中級(jí)教程class和id選擇符_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
在CSS初級(jí)教程中我們僅僅考慮了HTML選擇符──以HTML標(biāo)簽形式出現(xiàn)。
你當(dāng)然可以用類選擇符class和標(biāo)識(shí)選擇符id來定義自己的選擇符。
這樣做的好處是，依靠于class或者id，你可以不同地表現(xiàn)相同的HTML元素。
在CSS中，類選擇符在一個(gè)半角英文句點(diǎn)（.）之前，而id則在半角英文井號(hào)（#）之前。
看起來像這樣：
HTML與CSS的連接用屬性id和class。像這樣：
id和class不同之處在于，id用在唯一的元素上，而class則用在不止一個(gè)的元素上。
你也可以為一個(gè)指定的HTML元素應(yīng)用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會(huì)應(yīng)用在有類“jam”的段落上。
你當(dāng)然可以用類選擇符class和標(biāo)識(shí)選擇符id來定義自己的選擇符。
這樣做的好處是，依靠于class或者id，你可以不同地表現(xiàn)相同的HTML元素。
在CSS中，類選擇符在一個(gè)半角英文句點(diǎn)（.）之前，而id則在半角英文井號(hào)（#）之前。
看起來像這樣：
示例代碼 [m.ghpqjb.com]
#top {
background-color: #ccc;
padding: 1em
}
.intro {
color: red;
font-weight: bold;
}
background-color: #ccc;
padding: 1em
}
.intro {
color: red;
font-weight: bold;
}
HTML與CSS的連接用屬性id和class。像這樣：
示例代碼 [m.ghpqjb.com]
<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>
<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則用在不止一個(gè)的元素上。
你也可以為一個(gè)指定的HTML元素應(yīng)用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會(huì)應(yīng)用在有類“jam”的段落上。
相關(guān)CSS教程：
- 相關(guān)鏈接：
- 教程說明：
CSS教程-CSS中級(jí)教程class和id選擇符
。