CSS的ID和Class有什麼區別?如何正確使用它

2021-04-02 07:20:07 字數 3936 閱讀 7175

1樓:靈動電子商務****

css的id和class不同之處在於體現在以下幾個方面:

css中id的優先順序

高於class,以下示例**進行說明:

猜猜class和id優先順序誰高

猜猜class和id優先順序誰高

說明:無論class的樣式檔案在第一行或者第二行輸出結果都是紅色字型,說明id優先順序高於class。

2.class css中得用.class的屬性值,id是#id的值。

正確使用id和class

如果涉及到js獲取值的話用id,否則用class來寫。

注意事項:命名css的class和id應該有一定的規範性。

2樓:黑馬程式設計師

1,在css樣式表中書寫時,id選擇符前面應該加字首

符號『#』,而class選擇符前面應該加字首符號『.』。

2,id屬性一般在一個頁面中只可以使用一次,而class可以被多次引用。

3,id作為元素的標籤,用於區分不同結構和內容,而class作為一個樣式,它可以應用到任何結構和內容上。

例如:html中

給該div新增樣式,有兩種方法:①直接在css檔案中定義id選擇器#div1{}②在css定義類選擇器.class1{},然後

指明他的類樣式 兩種方法的效果是一樣的,但是id只能給一個元素指明類樣式,而class可以在任一元素中定義它的樣式。

舉個例子:class和id在頁面裡面的使用方法:

class:

footer

id:footer

定義class的css是用點:「.」,如.footer

定義id的css是用井號「#」,如#footer

//讓div居中對齊

讓div內的內容(包括文字及**)居中的**是: text-align:center;

3樓:千鋒教育

個人總結的一些區別:

在css中,id的字首用"#",class的字首用"."

同一個標籤,只能有一個id,但可以有多個class(如:div ,表示該div的id為div1,class分別為div1、div2、div3三個)

優先順序:同時定義一個標籤的id和class的css,id所定義的css優先於class(如:#div .div;則它的字型大小是14px)

在同一個頁面,id只能出現一個,class則可以出現多個

css 的 id 和 class 有什麼區別?如何正確使用它們

4樓:千鋒教育

個人總結的一些復區別:

在css中,制id的字首用"#",class的字首用"."

同一個標籤,只能有一個id,但可以有多個class(如:div ,表示該div的id為div1,class分別為div1、div2、div3三個)

優先順序:同時定義一個標籤的id和class的css,id所定義的css優先於class(如:#div .div;則它的字型大小是14px)

在同一個頁面,id只能出現一個,class則可以出現多個

5樓:曹宇林童鞋

class和id都可以在css中使用,只是使用方法不同

class在css裡面使用的時候是用小寫的點加上class的名字

id在css裡面使用的時候是用#加上id的名字

6樓:夢之琳兒

在設計樣式

的時候且比如同一個div中id是標示這個

內div的,id必須是獨容一的,設定的樣式是該div的樣式如果class的話,可以讓n個div都有此樣式。

希望給你幫助,o(∩_∩)o謝謝~

不懂可以追問哦~~

7樓:張鐵柱

「.」是類選擇器的標識,「#」是id選擇器的標識舉例:html中

給該專div新增樣式方屬法:#demo{};

html中

給該div新增樣式方法:.demo{};

兩種方法的效果是一樣的,但是id具有唯一性,所以用id命名選擇器只能用一次,而class可以在任一元素中定義它的樣式

css 的 id 和 class 有什麼區別?如何正確使用它們

8樓:匿名使用者

這兩個是css裡面的兩個選擇器, 對應於頁面上的元素的屬性id 和class ,也就是css通過id和class來找到頁面上匹配的id或class對應的元素,載入樣式。

如果是用id來選擇,css就是用#id的寫法。

如果是用class選擇,css就是 .class寫法

9樓:溫州甌越培訓學校

id 和 class的區別和使用:

1.id是頁面中唯一的,而class可以多個,(如下圖),1位置引號中只有2個,css5和css5_class,而2位置引號中就只能有一個 css5_id

2.id要設定樣式時用「#」號定義,而class用「.」 號定義。

3.id的優先順序大於class

比如說在同一個標籤中,id樣式中定義了文字顏色為紅色,class文字顏色為綠色。結果顯示是id的紅色。(如下圖)

10樓:千鋒教育

個人總結的一些區別:

在css中,id的字首用"#",class的字首用"."

同一個標籤,只能有一個id,但可以有多個class(如:div ,表示該div的id為div1,class分別為div1、div2、div3三個)

優先順序:同時定義一個標籤的id和class的css,id所定義的css優先於class(如:#div .div;則它的字型大小是14px)

在同一個頁面,id只能出現一個,class則可以出現多個

css中的id和class的使用區別

11樓:匿名使用者

結果沒有區別

,形式上有區別,建議用class ,如果你好幾個模組都是一樣的內css,用id就不合適容了,id相同了不好……js的時候document.getelementbyid('')時就會體現出來。aa css .

alinkaa css #alink

12樓:匿名使用者

個人認為在使用抄起來沒什麼區別,最終效果也bai

是一樣的du;分開來的一個作用一個是方便維護,

zhi還有就是有存在樣dao式組合的情況,比如你為所有標題定義了一個id樣式,裡面的包含了字型、字號、加粗,這幾樣,這樣所有標題都應用這個id的樣式就可以了,後來你又想讓每個標題有不同的顏色、不同的下劃線,這樣就根據不同的標題再為它們定義不同的class樣式,分別是關於字型顏色和下環線樣式的,這樣,再給不同的標題引用一下各自的class樣式就可以了,也許在樣式表不大的情況下這樣坐並沒有節省多少效率,但是如果樣式表很大的話,這樣會更方便維護;再有就是跟程式掛鉤了,很多情況下後臺程式多會使用id找到相關的資訊,而class似乎是專門為前端服務的,id的命名也許是程式開發人員根據功能命名的,而前端美化人員可能會從另一個角度為樣式命名,這樣我們可以使用class,用我們的規律來為其命名,當然,這麼坐的主要目的還是方便維護; 以上是個人觀點,水平有限,高手莫笑話

13樓:匿名使用者

css中「bai.」是類選擇器的標識「du#」是zhiid選擇器的標識 舉個例子:daohtml中

給該回div新增樣式,有

兩種方法答:①直接在css檔案中定義id選擇器#div1{}②在css定義類選擇器.class1{},然後

指明他的類樣式 兩種方法的效果是一樣的,但是id只能給一個元素指明類樣式,而class可以在任一元素中定義它的樣式

14樓:匿名使用者

class用.標識id用#標識

jquery的class選擇器和id選擇器的區別是什麼

在html的規範中 抄,id是一個元素在整襲個源 bai中獨一無二的屬性,而duclass做為css選擇器,zhi是為元素增加樣式的手段dao,那麼例如下面的結構 通過 item1 取到的就是id item1的元素,而通過 item style 取到的就是id item1 和 item2這2個元素的...

手機記憶體卡Class10和Class4有什麼區別

儲存卡baiclass4和10區別是後者比du前者的寫入速度快。zhi儲存卡dao,按速度區分,標準 版為calss。後面的數 權字,表示最小的寫入速度。比如,class4的意思是寫入速度不低於4mb s,而class10的意思是寫入速度最低不小於10mb s,顯然,10的寫入速度遠高於4的寫入速度...

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

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