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属性那样

继续学习

新建文件

<!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>

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠