小徐大朋友 2021-03-15 22:16 采纳率: 0%
浏览 107

为啥我的id选择器没有唯一性？？？

晚上看了学习视频，介绍id选择器具有唯一性，然后我就去html实践了一下，发现好像不是那么回事？？？

这是我的代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>id选择器</title>
		<style>
			#green {
				color: green;
				font-size: 35px;
			}
		</style>
	</head>
	<body>
		<div id="green">我是学生</div>
		<div id="green">学生</div>
	</body>
</html>

结果

  • 写回答

2条回答 默认 最新

  • 天际的海浪 2021-03-15 22:48
    关注

    按照html标准规定，页面元素的id应该是唯一的。但这也只是标准规定，浏览器在解析html时有一定的容错兼容处理。
    css的id选择器，只要元素的id与id选择器一样即可，不去判断id是否唯一。
    真正的区别体现在js代码中。重复的id用document.getElementById()或jquery的$("#id") 获取时，只能获取到第一个。
     

    评论

报告相同问题？