为啥我的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>

结果

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

css中ID的唯一性是可以同时读取多个ID的，

如果在JS中，只能读取一个。

所谓ID的唯一性大概就是这样了吧。