CSS id 和 class 選擇器

2021-09-06 22:59:28 字數 1996 閱讀 6095

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

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

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

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

id屬性不要以數字開頭,數字開頭的id在 mozilla/firefox 瀏覽器中不起作用。

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

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

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

doctype html

>

<

html

>

<

head

>

<

style

>

.center

style

>

head

>

<

body

>

<

h1 class

="center"

>標題居中

h1>

<

p class

="center"

>段落居中。

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

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

類名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。

CSS ID選擇器 通配選擇器

id identity 是編號的意思,一般指定標籤在html文件中的唯一編號。id選擇器和標籤選擇器 類選擇器的作用範圍不同。id選擇器僅僅定義乙個對下物件的樣式,而標籤選擇器和類選擇器可以定義多個物件的樣式。id選擇器以 號作為字首,然後是乙個自定義的id名,用法如圖所示 示例 問君能有幾多愁,恰...

Id選擇器和Class選擇器

如果你要在html元素中設定css樣式,你需要在元素中設定 id 和 class 選擇器。id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。注意 id 屬性只能在每個 html 文件 現一次。class 選...

jquery id選擇器和class選擇器的區別

hello world size 方法返回dom物件的個數 hello world id是唯一的,即使有多個id相同的元素,jquery選擇器也只能獲取其中乙個 所以 想在jquery中對id設定動作,id在頁面中只允許出現一次。對於css樣式來說,可以選取頁面中所有id box的dom物件 相容性...