学习css时，会讲到ID选择器，就是给html的标签添加一个ID，用来标识唯一的标签，但是，实际上，即便你给许多标签使用相同的ID，页面照样不报错，CSS照样有效果，真得是这样吗？
html实验
1
新建一个a.html网页，输入下面的内容，然后在浏览器中打开
2姓名： 密码：
3
注意，姓名和密码后面的文本框使用了相同的ID，但是在浏览器中打开后，页面没有报错，效果图如下：
添加CSS实验
1
修改源代码，添加上样式，代码如下：
2姓名： 密码：
3
#txtName {background:red;} 设置了ID='txtName'的标签背景色为红色，效果图如下，可以看出，样式对所有设置了ID='txtName'的标签都起作用了。
添加脚本javascript实验
1
修改源代码，添加上脚本，代码如下：
2姓名： 密码：
3
var a = document.getElementById('txtName').value;获取ID='txtName'的标签的值，结果是第一个文本框的值弹出来了，说明，浏览器只是取了第一个具有该ID的标签的值，效果图如下：
总结
1
html中具有相同ID的标签，页面不会报错。
2
CSS对同一个页面中具有相同ID的标签，都会应用样式。
3
如果有相同的ID，javascript只会取第一个具有该ID的标签。