大家看了就明白了css樣式中類class與標(biāo)識id選擇符的區(qū)別小結(jié)

2020-10-23 18:37:34

字體：大中小

供稿：網(wǎng)友

你可以用類選擇符class和標(biāo)識選擇符id來定義自己的選擇符。

這樣做的好處是，依賴于class或者id，你可以不同地表現(xiàn)相同的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元素應(yīng)用選擇符，把HTML選擇符放置在前面就可以了，所以， p.jam { whatever }會應(yīng)用在有類“jam”的段落上。

一個id名稱在一個頁面里面通常是唯一定義的,因此在頁面里定義css通常建議使用class,這樣你可以重復(fù)使用你的css. 而把id留給最需要使用html元素的javascript等

上一篇：css利用A標(biāo)簽的背景可能作出很有意思的效果第1/2頁