1 id 和class 的區(qū)別

• 1.1 id 說明
• 1.2 class 說明
• 2 什么是選擇器？
  • 2.1 代碼實(shí)例

CSS選擇器class跟id有什么區(qū)別？HTML中id和class用法

我們最近在執(zhí)行SEO，優(yōu)化網(wǎng)站的WordPress主題。

雖然之前有學(xué)過一些基礎(chǔ)的 HTML 和 CSS 知識(shí)，但是一段時(shí)間沒有操作，尤其是CSS部分用法，很容易忘記。

所以，在此記錄、總結(jié) CSS 選擇器 id、class 的區(qū)別和用法：

• id 對(duì)應(yīng) #div
• class 對(duì)應(yīng) .div

id 和class 的區(qū)別

id 說明

• id是固定標(biāo)簽，用來定義網(wǎng)頁中，較大的樣式，用 #div 的形式來定義
• 比如：劃分欄目、頂部、正文、底部等……
• 用于定義一個(gè)特定的元素，每個(gè)頁面只能出現(xiàn)一次，不能反復(fù)調(diào)用。

class 說明

• class是樣式組，用來定義網(wǎng)頁中，比較細(xì)節(jié)的樣式，用.div的形式來定義，可以重復(fù)出現(xiàn)
• 比如：具體的一個(gè)菜單、一行文字等……
• 在同一個(gè)頁面，可以被多個(gè)元素反復(fù)調(diào)用

div選擇器本身不具有屬性，通過定義它的 css，來控制這個(gè)div的寬度、高度、背景顏色和文字大小等等的一些布局。

一般的電子商務(wù)網(wǎng)站、建站程序生成的 html 網(wǎng)頁，就是通過CSS，來實(shí)現(xiàn)頁面布局的。

什么是選擇器？

每個(gè)CSS樣式的定義，都是由2個(gè)部分組成：

選擇器 {樣式}

• 在 {} 之前的部分，就是 “選擇器”。
• “選擇器” 表明了 {} 的 “樣式” 作用對(duì)象。
• 意即該 “樣式” 是在網(wǎng)頁的哪個(gè)元素起作用？

代碼實(shí)例

以下是選擇和設(shè)置 class=”sidebar” 元素的樣式：

.sidebar
{ 
background-color:black;
}

以下是選擇和設(shè)置 id=”footer” 的元素樣式：

#footer
{ 
background-color:black;
}

希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《CSS選擇器class跟id有什么區(qū)別？HTML中id和class用法》，對(duì)您有幫助。