css學習之id和class選擇器

2021-07-09 14:47:17 字數 938 閱讀 6437

如果你要在html元素中設定css樣式,你需要在元素中設定"id" 和 "class"選擇器。

id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。

html元素以id屬性來設定id選擇器,css 中 id 選擇器以 "#" 來定義。

以下的樣式規則應用於元素屬性 id="test1";

demo:

測試一測試二

結果:

class 選擇器用於描述一組元素的樣式,class 選擇器有別於id選擇器,class可以在多個元素中使用。

class 選擇器在html中以class屬性表示, 在 css 中,類選擇器以乙個點"."號顯示:

在以下的例子中,所有擁有 center 類的 html 元素均為居中。

demo:

測試二

結果:

你也可以指定特定的html元素使用class。

在以下例項中, 所有的 p 元素使用 class="center" 讓該元素的文字居中:

測試二

結果:

CSS教程8 CSS的Class以及ID選擇器

前面的學習我們僅僅使用html選擇器 在html頁面裡為html標籤,如 p 現在我們學習使用clss和id定義屬於自己的選擇器。這樣,同樣的html元素可以通過class或id使用不同的表現。在css裡,使用點號 建立class選擇器,使用hash符號 建立id選擇器。例子 example sou...

CSS學習筆記 ID和Class選擇器

id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。以下的樣式規則應用於元素屬性 id para1 charset utf 8 prcorangetitle para1 style head para1 he...

CSS中id和class的區別

首先,在表現形式上 id 的優先順序比css高,例如 藍色理想 id和class都定義了背景顏色的屬性,但是由於id的優先順序比class高,所以背景色為id所定義的紅色 再次,class是通用屬性,就是說幾個div可以呼叫同乙個class 而id是唯一的,web標準中不允許出現兩個div的id標識...