HTML+CSS 輕松入門之ID選擇器
在某些方面,ID 選擇器類似于類選擇器,不過也有一些重要差別
語法:
# id名稱{
????樣式
}
區(qū)分大小寫
請注意,類選擇器和 ID 選擇器可能是區(qū)分大小寫的。這取決于文檔的語言。HTML 和 XHTML 將類和 ID 值定義為區(qū)分大小寫,所以類和 ID 值的大小寫必須與文檔中的相應(yīng)值匹配
實例:
<!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ū)別
與類不同,在一個 HTML 文檔中,ID 選擇器會使用一次,而且僅一次。
不同于類選擇器,ID 選擇器不能結(jié)合使用,因為 ID 屬性不允許有以空格分隔的詞列表。
比如:?<div class ="class1 class2 class2"></div>也就是說class可以等于多個class的列表
????????????對于id來講 id="div1" 而不能寫成id = "div1 div2"這樣,即只能有一個id,而不是像class屬性那樣