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

大家看了就明白了css樣式中類(lèi)class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)
熱門(mén)標(biāo)簽：銀行業(yè)務(wù) 鐵路電話系統(tǒng) 服務(wù)器配置 呼叫中心市場(chǎng)需求 智能手機(jī) 檢查注冊(cè)表項(xiàng) 網(wǎng)站文章發(fā)布 美圖手機(jī)
你可以用類(lèi)選擇符class和標(biāo)識(shí)選擇符id來(lái)定義自己的選擇符。

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

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

看起來(lái)像這樣：

#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)用在有類(lèi)“jam”的段落上。


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

標(biāo)簽：長(zhǎng)治 沈陽(yáng) 新疆 河南 滄州 紅河 樂(lè)山 上海

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《大家看了就明白了css樣式中類(lèi)class與標(biāo)識(shí)id選擇符的區(qū)別小結(jié)》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢(xún)

    • 400-1100-266