主頁(yè) > 知識(shí)庫(kù) > 大家看了就明白了css樣式中類class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)

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

熱門標(biāo)簽:蘇州做電話機(jī)器人 快速更改地圖標(biāo)注點(diǎn)標(biāo) 地圖標(biāo)注微信好友 南昌電話機(jī)器人系統(tǒng) 沈陽400電話辦理多少錢 地圖標(biāo)注樓盤 ai電話機(jī)器人效果差 隨州外呼系統(tǒng)廠家 南山電話機(jī)器人
你可以用類選擇符class和標(biāo)識(shí)選擇符id來定義自己的選擇符。

這樣做的好處是,依賴于class或者id,你可以不同地表現(xiàn)相同的HTML元素。

在CSS中,類選擇符在一個(gè)半角英文句點(diǎn)(.)之前,而id則在半角英文井號(hào)(#)之前。

看起來像這樣:

#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則用在不止一個(gè)的元素上。

你也可以為一個(gè)指定的HTML元素應(yīng)用選擇符,把HTML選擇符放置在前面就可以了,所以, p.jam { whatever }會(huì)應(yīng)用在有類“jam”的段落上。


一個(gè)id名稱在一個(gè)頁(yè)面里面通常是唯一定義的,因此在頁(yè)面里定義css通常建議使用class,這樣你可以重復(fù)使用你的css. 而把id留給最需要使用html元素的javascript等
您可能感興趣的文章:
  • CSS基礎(chǔ) CSS選擇符
  • CSS選擇符說明
  • css進(jìn)階學(xué)習(xí) 選擇符

標(biāo)簽:昭通 濰坊 商洛 深圳 大同 石家莊 濰坊 玉樹

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《大家看了就明白了css樣式中類class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)》,本文關(guān)鍵詞  大家,看了,就,明白,了,css,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《大家看了就明白了css樣式中類class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于大家看了就明白了css樣式中類class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章