CSS——9.ID选择器

时间sk2025-01-06 16:26

html 复制代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		
		
		
		<style type="text/css">
			#one{
				color: red;
			}
			#two{
				font-size: 30px;
			}
		</style>
		
	
	
	
	</head>
	<body>
		<!--ID选择器：-->
			<!--1.id属性是标准属性，任何标签元素都可以有id属性。-->
			<!--2.使用id选择器时，要在id值前加上"#"-->
			<!--3.ID选择器只能选中一个元素(因为id属性是页面中唯一的标识，所以同一页面id要保持唯一性)，同一个页面要保证id的唯一性。不同元素有相同id,也属于非法-->
			<!--4.定义id时，必须要以字母开头，可以包含数字，下划线等符号-->
			<!--5.定义id时，不要与标签名相同，如<p id=p></p>就是错的，不要与标签名相同-->
			
		
			<!--  ul>li{我要自学网$}*6   (快捷方式) -->
			<ul>
				<li id="one">我爱学习1</li>
				<li id="two">我爱学习2</li>
				<li>我爱学习3</li>
				<li>我爱学习4</li>
				<li>我爱学习5</li>
				<li>我爱学习6</li>
			</ul>
		
	</body>
</html>

因为id属性是页面中唯一的标识，所以同一页面id要保持唯一性，举个例子：在同一个页面不论是什么标签，如出现 id=a则其他标签的 id就不可能为a