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

2021-07-08 20:35:12 字數 4815 閱讀 3703

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等指令碼語言同樣可以呼叫多次使用會造成執行錯誤。

在html中 標籤選擇器,類選擇器,id選擇器 有什麼區別???

23樓:匿名使用者

類 用 class=""

id用 id=""

id是唯一的

但類可以重複使用,同一個類可以給多個元素

css中,類選擇器,ID選擇器和html選擇器的優先順序是怎樣

如果類選擇器和html選擇器存在著衝突,就採用最近的一個樣式.如果不衝突,它就應集類和html為一身,你再仔細看看,是不是它們的屬性你設衝突了.css裡的html選擇器 類選擇器 id選擇器用於哪些範圍 id的優先順序最高bai,用於特定或者du特指的,還有就zhi是js裡頭用到 daoid選擇比較...

css選擇器是什麼,css的選擇器是什麼東西???

首先,你要知道css是什麼,css是對網頁樣式進行調控的一種語言。那麼,css選擇內器就是調控的 容物件。你要用css對網頁中的哪一部分的樣式進行調控?這點你總要讓計算機知道吧。css選擇器的作用就是這個。舉個簡單的例子。myheight 以上的css 將會對class屬性為myheight的網頁元...

後代選擇器和子選擇器的異同,後代選擇器和子代選擇器的區別

子選擇器 child selector 僅是指它的直接後代,或者你可以理解為作用於子元素的第一代後代。而後代選擇器 包含選擇器 是作用於所有子後代元素。後代選擇器通過空格來進行選擇,而子選擇器是通過 進行選擇。總結 作用於元素的第一代後代,空格作用於元素的所有後代。如圖 子選擇器的 以及效果圖 把....