CSS中的ID選擇器和類選擇器的區別是什麼?最好能附上簡單的例子,謝謝啦,加分

時間 2021-07-08 20:36:09

1樓:匿名使用者

什麼時候用id,什麼時候用class?

w3c標準這樣規定的,在同一個頁面內,不允許有相同名字的id物件出現,但是允許相同名字的class。這樣,一般**分為頭,體,腳部分,因為考慮到它們在同一個頁面只會出現一次,所以用id,其他的,比如說你定義了一個顏色為red的class,在同一個頁面也許要多次用到,就用class定義。另外,當頁面中用到js或者要動態呼叫物件的時候,要用到id,所以要根據自己的情況運用。

自己的語言。

補充回答:

每個html標籤都有自己的id,就相當於qq賬號一樣,是唯一的,名字不能重複,因此可以為每個標籤單獨設定樣式,樣式名稱同id名是一樣的,宣告的方式是#加上id名(例如:#txtname)。這樣設定好樣式後,id為txtname的標籤就使用了這個樣式。

類樣式是統一定義的,宣告方式是點加上樣式名(例如.ddlhobby),多個標籤可以引用同一個類樣式,只要在標籤上加上屬性class = ddlhobby,就統一使用這個樣式了!

不知道這麼說明白不?

2樓:

最後一個例子雖然效果也可以實現,但違反了id使用的唯一性。當有程式呼叫id名ufo時就出現了二義性。id主要是為程式呼叫設計的,雖然也可以用css定義其樣式。

但大量重複的樣式定義應該是樣式類class,

css中的id選擇器和類選擇器有什麼區別?

3樓:匿名使用者

什麼時候用id,什麼時候用class?

w3c標準這樣規定的,在同一個頁面內,不允許回有相同名字的id物件出現,答但是允許相同名字的class。這樣,一般**分為頭,體,腳部分,因為考慮到它們在同一個頁面只會出現一次,所以用id,其他的,比如說你定義了一個顏色為red的class,在同一個頁面也許要多次用到,就用class定義。另外,當頁面中用到js或者要動態呼叫物件的時候,要用到id,所以要根據自己的情況運用。

自己的語言。

4樓:愛笑的上尤流蘇

在一個標準的html頁面中,copyid是唯一的,baiduclass是定義相同型別的

所以,id選擇器通常用來表zhi示傳遞給後臺的參dao數class選擇器通常用於前端樣式的選擇。

簡單來說,就是id供前後臺互動使用,class用於前端樣式css使用,也有一些例外,例如單選框,需要同時定義id和class,id用於表示引數不同,class用來表示他們是同一類引數

5樓:匿名使用者

id選擇器只能應用一個物件,而類選擇器是可以應用到多個樣式中的

6樓:新翼追風

個人覺得,很多時候並沒有區別.

但document的方法中有getelementbyid()這個方法倒是隻能用id的.

7樓:塗含秀扶紹

派生選擇器

可以使bai一個元du素zhi裡的子元

素定義樣式

例如:li a

就是給li下的dao子元素a定義一個14px號畫素版的字型樣式類別權選擇器

在html中引入css樣式通常由,類別選擇器在css中用一個“.”點開頭表示

如:.box

在html頁面中,用的方法呼叫:

這裡是內容

類別選擇器方法比較簡單靈活,可以隨時根據頁面的需求新建和刪除還有,id選擇器

在css中用“#”號開頭表示

如:#box

在html頁面中,用的方法呼叫:

這裡是內容

id選擇器和類別選擇器其實是一樣的

通常id選擇器僅是用來表示不重複的樣式

相對的來說,類別選擇器靈活一些,而id選擇器僅表示重要的樣式欄位

8樓:旗塵印雪瑤

id選擇器只能在頁面中呼叫一次.

如果只說css的使用,除了id只能呼叫一次.那就還有id選擇器優先於class...

其它的沒有什麼區別.

再區別就是id用於後期js中

9樓:金豆清云溪

相同點:可復以應用於任何元

制素不同點:

1、id選擇器只能在文件中使用一次。與類選擇

器不同,在一個html文件中,id選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。

下面**是正確的:

而下面**是錯誤的:

2、可以使用類選擇器詞列表方法為一個元素同時設定多個樣式。我們可以為一個元素同時設多個樣式,但只可以用類選擇器的方法實現,id選擇器是不可以的(不能使用

id詞列表)。

下面的**是正確的

上面**的作用是為“三年級”三個文字設定文字顏色為紅色並且字號為25px。

下面的**是不正確的

上面**不可以實現為“三年級”三個文字設定文字顏色為紅色並且字號為25px的作用。

css中類別選擇器和id選擇器有什麼區別?

10樓:oo咖啡

簡單的說

比如:style1 只能定義為 #style1 這就是id選擇器style2 只能定義為 .style2 這就是類別選擇器一個頁面上所有回控制元件都id不能重複,但class可以被答多個 html控制元件套用.

11樓:匿名使用者

類別選擇其必須以標籤為開頭。例如 font.1

而id選擇器沒此要求。如#a{}

12樓:竭婭奈曉凡

id一般就用一個,class可以重複引用

在css中,id選擇器和class選擇器的區別

13樓:__於心

id選擇器只是一個標籤

class選擇器,可以定義n個同樣的標籤看圖

id 選擇器和類選擇器有什麼區別?

14樓:匿名使用者

相同點:可以應bai用於任何元

du素不同點:

1、id選擇器只zhi能在文件中使用dao一次。與版類選擇器不同,在一權個html文件中,id選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。

下面**是正確的:

而下面**是錯誤的:

2、可以使用類選擇器詞列表方法為一個元素同時設定多個樣式。我們可以為一個元素同時設多個樣式,但只可以用類選擇器的方法實現,id選擇器是不可以的(不能使用 id 詞列表)。

下面的**是正確的

上面**的作用是為“三年級”三個文字設定文字顏色為紅色並且字號為25px。

下面的**是不正確的

上面**不可以實現為“三年級”三個文字設定文字顏色為紅色並且字號為25px的作用。

15樓:匿名使用者

1、不能使用一次是指

div1就是一個已經被使用的id名稱,其他的元素比如說的id名稱就不能回

再使用div1了

2、不答能使用id詞列表,應該是這個意思,例如在也就是說class可以等於多個class的列表對於id來講 而不能寫成id = "div1 div2"這樣,即只能有一個id,而不是像class屬性那樣

至於第三點就不知道作者啥意思了

16樓:離歌

id選擇器和類選

抄擇器的不同之處襲是:每個baidiv的id名是唯一的,不能相同;而多du個div可以使zhi用同一個class名;另dao外css中,id的符號是用“#”,class的是用“.”;

舉個例子:

蘋果雪梨

aaabbb

17樓:匿名使用者

兩者基本相同。

區別在於,id選擇器在html中只能使用一次,每個標記定義的id不只是css可以呼叫,js等指令碼語言同樣可以呼叫多次使用會造成執行錯誤。

css中的id選擇器和類選擇器有什麼區別?什麼時候用id選擇器?什麼時候用類選擇器?

18樓:匿名使用者

id是唯一的,類可多個使用

id在用一頁面中 原則上只可以出現一次,類可以出現多次

一個標籤只可以有一個id,而可以有多個類

19樓:匿名使用者

id只能是一對一的使用,但是類可以很多一起使用

20樓:匿名使用者

id是唯一標示可,方便js引用,class具有普遍性

id選擇器和類選擇器有什麼區別?

21樓:匿名使用者

1、不能使用一次是指

div1就是一個已經被使用的id名稱,其他的元素比如說的id名稱就不能再使用div1了

2、不能使用id詞列表,應該是這個意思,

例如在也就是說class可以等於多個class的列表對於id來講 而不能寫成id = "div1 div2"這樣,即只能有一個id,而不是像class屬性那樣

至於第三點就不知道作者啥意思了

id選擇器和類別選擇器的區別?

22樓:匿名使用者

兩者基本相同。

區別在於,id選擇器在html中只能使用一次,每個標記定義的id不只是css可以呼叫,js等指令碼語言同樣可以呼叫多次使用會造成執行錯誤。

css選擇器問題,css選擇器的問題 兩個類選擇器連在一起是什麼意思?

這是優先順序問題,如果前面已經用了 dots span 來定義span的樣式,那麼後面如果只用 actived 來給span疊加樣式,在優先順序上就會吃虧,會被css忽視。只有用 dots span.actived 才能在優先順序上與前面平起平坐甚至是碾壓 css對優先順序的計算是建立在不同選擇器的...

後代選擇器和子代選擇器的區別,子選擇器和後代選擇器寫法是一樣的嗎?

昌谷之 在選擇器和子代選擇器,他們肯定是有一點點不一樣的啦,你要把那個 看清楚了,才能夠知道的瞭解清楚。 冼豔枋 選擇的區別當然是很大的,因為他們根本就是兩種性質 英子 選擇器和子代選擇器他們是有本質上的區別的,因為他們是兩個不同的東西。 熊貓兔兔 二者的主要區別的話,就是他們的功能性是不一樣的,而...

css中的交集選擇器是什麼,網頁設計CSS交集選擇器的疑惑

交集選擇器只是普通的疊加樣式組而已,叫法不一樣罷了,例如 第一種格式類似於 h1.center 這種格式由標籤選擇器和類選擇器組成。第二種格式類似於 h1 center 這種格式由標籤選擇器和id選擇器組成。網頁設計css交集選擇器的疑惑 說實話,我不知道什麼是交集選擇器。不過照你的意思,應該是類選...