類選擇器和ID選擇器

2021-07-25 22:23:51 字數 1467 閱讀 2825

什麼是選擇器?

每一條css樣式宣告(定義)由兩部分組成,形式如下:

選擇器在{}之前的部分就是「選擇器」,「選擇器」指明了{}中的「樣式」的作用物件,也就是「樣式」作用於網頁中的哪些元素。

類選擇器

類選擇器在css樣式編碼中是最常用到的,格式如下:

.類選擇器名稱

注意:1.英文圓點開頭;

2.類選擇器名稱可以任意起名(但是不能用中文)

使用方法:

1.使用合適的標籤把要修飾的內容標記起來,如下:

kity_pei

2.使用class=「類選擇器名稱」為標籤設定乙個類,如下:

kity_pei

3.設定類選擇器css樣式

.name
demo**

三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。

id選擇器id選擇器在css樣式編碼中是最常用到的,格式如下:

#id選擇器名稱

注意:1.以符號"#"開頭;

2.id選擇器名稱可以任意起名(但是不能用中文)

使用方法:

1.使用合適的標籤把要修飾的內容標記起來,如下:

kity_pei

2.使用id=「id選擇器名稱」為標籤設定乙個類,如下:

kity_pei

3.設定類選擇器css樣式

#name
demo**

三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。

類選擇器和id選擇的區別相同點:可以應用於任何元素不同點:1.id選擇器只能在文件中使用一次;

2.可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式。

ID選擇器和類選擇器

什麼是id選擇器呢 id選擇器的作用是 根據指定的id名稱,找到對應的標籤,然後設定屬性。例如 id選擇器 我是文字 注意點 在同乙個介面中,id的名稱是不可以重複的。在id名稱的前面一定要加上乙個 id名字的組成只能由 字母 數字 下劃線組成。並且滿足變數的寫法,不能以數字開頭。分割線 什麼是類選...

css類選擇器和ID選擇器

語法 類選器名稱 注意 1 英文圓點開頭 2 其中類選器名稱可以任意起名 但不要起中文噢 使用方法 第一步 使用合適的標籤把要修飾的內容標記起來,如下 膽小如鼠 第二步 使用class 類選擇器名稱 為標籤設定乙個類,如下 膽小如鼠 第三步 設定類選器css樣式,如下 stress 類前面要加入乙個...

標籤選擇器,id選擇器,class類選擇器

1.標籤選擇器的格式 標籤 屬性 值 我是段落 2.id選擇器的格式 id名稱 屬性 值 我是段落 3.class類選擇器的格式 類名 屬性 值 我是段落 1 每乙個標籤都有id和class屬性 但是每乙個標籤只能有乙個id的屬性,但是可以有很多個class屬性。2 id相當於人的身份證,class...