id選擇器:
id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。
id 選擇器以 "#" 來定義。
下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:
#red
#green
下面的 html **中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 green 的 p 元素顯示為綠色。
這個段落是紅色。
這個段落是綠色。
注意:id 屬性只能在每個 html 文件中出現一次
類選擇器:
在 css 中,類選擇器以乙個點號顯示:
.center
在上面的例子中,所有擁有 center 類的 html 元素均為居中。
在下面的 html **中,h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規則。
this paragraph will also be center-aligned.
注意:類名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。
a1:二者主要的區別在**呢?
id你只能用來定義單一元素,定義二個以後。頁面不會出現什麼問題,但是w3檢測的時候認為你頁面不符合標準;class是類,同乙個class可以定義多個元素。就頁面效果而言,兩個東西的視覺效果幾乎無差別。
a2:id 選擇符為什麼要少用,它有有什麼侷限性?
單一使用的樣式用id,需要程式、js動態控制的樣式用id,id在頁面只能使用一次!提供少用id,因為id可能和頁面嵌的程式衝突(比如名稱相同等)!
a3:我該在什麼時候使用id,什麼時候使用class?
單一的元素,或需要程式、js控制的東西,需要用id定義;重複使用的元素、類別,用class定義。
CSS樣式,id選擇器和class選擇器
class和id的用法 上面的例子應用class和id實現了3種不同的標題1。下面我們就來講講class和id的具體應用規則。指定標籤的class和id 首先我們要在部分定義class 類 或id。class的定義方法 指定標籤.類名 id的定義方法 指定標籤 id名 然後我們在想要應用類的標籤上加...
css中id選擇器和class選擇器的區別?
id選擇器 id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。id 選擇器以 來定義。下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色 red green 下面的 html 中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 gr...
CSS 二 Id和Class選擇器
如果你要在html元素中設定css樣式,你需要在元素中設定 id 和 class 選擇器。1.id選擇器 以下的樣式規則應用於元素屬性id para1 hello world 2.class選擇器 class選擇器用於描述一組元素的樣式,class選擇器有別於id選擇器,class可以在多個元素中使...