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