HTML+CSS 輕鬆入門之I...LOGIN

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 ​​選擇器和類別選擇器有什麼區別

  1. 與類別不同,在一個HTML 文件中,ID 選擇器會使用一次,而且僅一次。

  2. 不同於類別選擇器,ID 選擇器不能結合使用,因為 ID 屬性不允許有以空格分隔的單字清單。

    例如: <div class ="class1 class2 class2"></div>也就是說class可以等於多個class的清單
                對於id來講id="div1" 而不能寫成id = "div1 div2"這樣,即只能有一個id,而不是像class屬性那樣

下一節
<!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>
章節課件