區別：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中文網其他相關文章！
