1. 程式人生 > >HTML中id選擇器和class選擇器的區別(為什麼id選擇器不能重複)

HTML中id選擇器和class選擇器的區別(為什麼id選擇器不能重複)

id選擇器與class選擇器的區別:

區別 1:只能在文件中使用一次
與類不同,在一個 HTML 文件中,ID 選擇器會使用一次,而且僅一次。
區別 2:不能使用 ID 詞列表
不同於類選擇器,ID 選擇器不能結合使用,因為 ID 屬性不允許有以空格分隔的詞列表。
區別 3:ID 能包含更多含義
類似於類,可以獨立於元素來選擇 ID。有些情況下,您知道文件中會出現某個特定 ID 值,但是並不知道它會出現在哪個元素上,所以您想宣告獨立的 ID 選擇器。例如,您可能知道在一個給定的文件中會有一個 ID 值為 mostImportant 的元素。您不知道這個最重要的東西是一個段落、一個短語、一個列表項還是一個小節標題。您只知道每個文件都會有這麼一個最重要的內容,它可能在任何元素中,而且只能出現一個。在這種情況下,可以編寫如下規則:

w3c的說明:


綜上:id屬性是元素唯一的標識,在一個文件中每個元素的id值都不同,而且元素只能有一個id;在一個文件中,class屬性可以重複,方便設定同樣的樣式,可以通過class選擇器選擇多個元素,一個元素可以有多個class屬性,通過空格隔開。

這裡給出原地址,有需要可以看看:

http://www.w3school.com.cn/html/html_attributes.asp

http://www.w3school.com.cn/css/css_selector_id.asp