CSS中class和id的區別

2022-05-17 21:17:47 字數 831 閱讀 5780

類選擇器和id選擇器是css中經常使用到的選擇器,看書看一遍的時候就如囫圇吞棗,一掃而過,所以理解得也不透徹。今天又重新看到了,腦海裡的概念總算清晰了點。所以總結了一下他們之間的區別,列出如下:

1.所繫結的標籤屬性不同,class選擇器繫結的標籤屬性為class,例如下面的例子:

123

1112

我被類選擇器射中了,啊~

13我射中了id選擇器,耶~

1415

view code

class選擇器被含有該類名的標籤給呼叫了,而id選擇器則被含有該id的標籤給呼叫了。另外,class選擇器的定義和命名是需要在類名前面加上「.」的,而id選擇器則是加上「#」。

2.用法不同,在乙個html文件中,每個標籤的id都是唯一的,所以id選擇器會更加有針對性。而不同的標籤都可以呼叫同乙個class選擇器,所以它比較具有通用性。例如下面的例子:

123

1112

我被類選擇器射中了,啊~

13我射中了id選擇器,耶~

14我又被類選擇器射中了,啊啊~

15我再被類選擇器射中了,啊啊啊,我不玩了~

1617

我不想變成藍色字型啊啊啊

1819

view code

從例子中可以看到,id選擇器同樣可以被多個具有相同id的標籤給呼叫了,但是我們應該盡量不要讓這種情況發生,特別是當你只想乙個特有的id適用這個id選擇器時,最後的辦法就是不要在乙個頁面存在兩個相同的id值。

3.優先順序不同,id選擇器的優先順序是要大於類選擇器的優先順序的。這點就不舉例說明了,下次在記錄學習css優先順序時候再寫出來,嘿嘿,搞定。

CSS中id和class的區別

首先,在表現形式上 id 的優先順序比css高,例如 藍色理想 id和class都定義了背景顏色的屬性,但是由於id的優先順序比class高,所以背景色為id所定義的紅色 再次,class是通用屬性,就是說幾個div可以呼叫同乙個class 而id是唯一的,web標準中不允許出現兩個div的id標識...

ID和CLASS的區別

在編寫外部css過程中,經常會會用到id與class屬性,即使用點號 建立class選擇器,使用hash符號 建立id選擇器。id是不能重複的,所以在xhtml的結構中,大結構一定是用id。比如標誌 導航 主體內容 版權。id需要具有唯一性,並且盡量在外圍使用。而class具有可重複性,並且盡量在結...

HTML中Class和ID的區別

在html中,乙個頁面中需要用到多個標籤的時候,而這多個標籤需要不同的樣式或者用到同乙個樣式的時候,為了減免 量,和更加精準的控制標籤的形態,所以就有了class 和 id id 是唯一識別符號,就是類似於我們的身份證號碼,快速獲取標籤物件,對其進行操作。當我們使用id來修改標籤樣式的時候,是使用 ...