這篇文章將為大家詳細(xì)講解有關(guān)css中class和id選擇器有什么區(qū)別，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

10余年的湘橋網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)整合營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整湘橋建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“湘橋網(wǎng)站設(shè)計(jì)”,“湘橋網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

什么是css

css是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言，主要是用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的樣式，使網(wǎng)頁(yè)更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語(yǔ)言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁(yè)或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁(yè)，也可以配合各種腳本對(duì)于網(wǎng)頁(yè)進(jìn)行格式化。

區(qū)別：1、id對(duì)應(yīng)css是用樣式選擇符“#”；而class對(duì)應(yīng)css是用樣式選擇符“.”。2、class可以在頁(yè)面里面重復(fù)使用；而id由于在頁(yè)面里面只能出現(xiàn)一次，所以不能重復(fù)使用。

CSS Id 和 Class選擇器

如果你要在HTML元素中設(shè)置CSS樣式，你需要在元素中設(shè)置"id" 和 "class"選擇器。

id 選擇器

id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。 HTML元素以id屬性來(lái)設(shè)置id選擇器，CSS 中 id 選擇器以 "#" 來(lái)定義。

下面的兩個(gè) id 選擇器，第一個(gè)可以定義元素的顏色為紅色，第二個(gè)定義元素的顏色為綠色：

#red {color:red;}
#green {color:green;}

下面的 HTML 代碼中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。

這個(gè)段落是紅色。

這個(gè)段落是綠色。

class 選擇器

class 選擇器用于描述一組元素的樣式，class 選擇器有別于id選擇器，class可以在多個(gè)元素中使用。 class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個(gè)點(diǎn)"."號(hào)顯示：

.center {text‐align: center}

上面這個(gè)例子，所有擁有 center 類的 HTML 元素均為居中。

當(dāng)然你也可以指定特定的HTML元素使用class。 在下面實(shí)例中, 所有的 p 元素使用 class="center" 讓該元素的文本居中:

p.center {text‐align:center;}

css中id和class的區(qū)別

1、語(yǔ)法區(qū)別：

id對(duì)應(yīng)css是用樣式選擇符“#”（井號(hào)）。

class對(duì)應(yīng)css是用樣式選擇符“.”(英文半角輸入句號(hào))。

2、使用次數(shù)區(qū)別：

class可以在頁(yè)面里面重復(fù)使用，

id由于在頁(yè)面里面只能出現(xiàn)一次，所以不能重復(fù)使用，

所以盡量用class來(lái)寫，這樣能在頁(yè)面里面重復(fù)引用你寫的css，減小工作量和代碼量。

關(guān)于css中class和id選擇器有什么區(qū)別就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。