HTML+CSS 輕鬆入門(mén)之ID選擇器
在某些方面,ID 選擇器類(lèi)似類(lèi)別選擇器,不過(guò)也有一些重要差異
語(yǔ)法:
# id名稱(chēng){
????樣式
}
區(qū)分大小寫(xiě)
請(qǐng)注意,類(lèi)別選擇器和ID 選擇器可能是區(qū)分大小寫(xiě)的。這取決於文檔的語(yǔ)言。 HTML 和XHTML 將類(lèi)別和ID 值定義為區(qū)分大小寫(xiě),所以類(lèi)別和ID 值的大小寫(xiě)必須與文件中的對(duì)應(yīng)值相符
實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID選擇器</title> <style type="text/css"> #div{ color:green; font-family:隸書(shū); font-size:18px; } </style> </head> <body> <div id="div">中華民族偉大復(fù)興!</div> </body> </html>
id ??選擇器和類(lèi)別選擇器有什麼區(qū)別
與類(lèi)別不同,在一個(gè)HTML 文件中,ID 選擇器會(huì)使用一次,而且僅一次。
不同於類(lèi)別選擇器,ID 選擇器不能結(jié)合使用,因?yàn)?ID 屬性不允許有以空格分隔的單字清單。
例如:?<div class ="class1 class2 class2"></div>也就是說(shuō)class可以等於多個(gè)class的清單
????????????對(duì)於id來(lái)講id="div1" 而不能寫(xiě)成id = "div1 div2"這樣,即只能有一個(gè)id,而不是像class屬性那樣