如果你要在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物件 相容性...