在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
應用如下:
以下是引用片段:
<div id="top">
<h1>Chocolate curry</h1>
<p class="intro">網(wǎng)頁(yè)制作愛(ài)好者-www.devdao.com</p>
<p class="intro">http://www.devdao.com/</p>
</div>
id和class不同之處在于,id用在唯一的元素上,而class則用在不止一個(gè)的元素上。
你也可以為一個(gè)指定的HTML元素應用選擇符,把HTML選擇符放置在前面就可以了,所以, p.jam { whatever }會(huì )應用在有類(lèi)“jam”的段落上。
聯(lián)系客服