HTML+CSS 輕鬆入門之ID選擇器
在某些方面,ID 選擇器類似類別選擇器,不過也有一些重要差異
語法:
# id名稱{
樣式
}
區分大小寫
請注意,類別選擇器和ID 選擇器可能是區分大小寫的。這取決於文檔的語言。 HTML 和XHTML 將類別和ID 值定義為區分大小寫,所以類別和ID 值的大小寫必須與文件中的對應值相符
實例:
<!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">中华民族伟大复兴!</div> </body> </html>
id 選擇器和類別選擇器有什麼區別
與類別不同,在一個HTML 文件中,ID 選擇器會使用一次,而且僅一次。
不同於類別選擇器,ID 選擇器不能結合使用,因為 ID 屬性不允許有以空格分隔的單字清單。
例如: <div class ="class1 class2 class2"></div>也就是說class可以等於多個class的清單
對於id來講id="div1" 而不能寫成id = "div1 div2"這樣,即只能有一個id,而不是像class屬性那樣