大家看了就明白了css樣式中類class與標識id選擇符的區別小結

來源:互聯網
上載者:User

你可以用類選擇符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等

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.