css class和id選擇器的差別是什麼

區別：1、id對應css是用樣式選擇符「#」；而class對應css是用樣式選擇符「.」。 2.class可以在頁裡面重複使用；而id由於在頁裡面只能出現一次，所以不能重複使用。

本教學操作環境：windows7系統、CSS3版、Dell G3電腦。

CSS Id 和Class選擇器

#如果你要在HTML元素中設定CSS樣式，你需要在元素中設定"id"和 "class"選擇器。

id ​​選擇器

id 選擇器可以為標示特定 id 的 HTML 元素指定特定的樣式。 HTML元素以id屬性設定id選擇器，CSS 中 id 選擇器以 "#" 定義。

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

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

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

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

class 選擇器

class 選擇器用來描述一組元素的樣式，class 選擇器有別於id選擇器，class可以在多個元素中使用。 class 選擇器在HTML中以class屬性表示, 在 CSS 中，類別選擇器以一個點"."號顯示：

.center {text‐align: center}

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

當然你也可以指定特定的HTML元素使用class。 在下面實例中, 所有的 p 元素使用 class="center" 讓該元素的文字居中:

p.center {text‐align:center;}

css中id和class的區別

1、語法區別：

id對應css是用樣式選擇符「#」（井號）。

class對應css是用樣式選擇符「.」(英文半角輸入句號)。

2、使用次數差異：

class可以在頁裡面重複使用，

id由於只能在頁裡面出現一次，所以不能重複使用，

所以盡量用class來寫，這樣能在頁裡面重複引用你寫的css，減少工作量和程式碼量。

（學習影片分享：css影片教學）

以上是css class和id選擇器的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！