你看跳行了，没有效果，这个三年级是第三行的三年级

css里id选择器可以用很多次，没规定只能一次，但是html中给元素指定的id最好不要重复。在你的例子中，两个相同id的元素都变成红色，这是没问题的，css不会去验证id的重复性，凡是符合条件的元素只管应用样式就行。

但JavaScript中，当操作一个元素时，需要先获取这个元素对象，比如你例子中的“三年级”“公开课”这两个<span>。

获取元素对象我所知道的有四种方法

document.getElementById("id")    /*id属性*/
document.getElementsByName("name")    /*name属性*/
document.getElementsByTagName("tag")    /*标签名*/
document.getElementsByClassName("class")    /*类名*/

你在例子中给“三年级”和“公开课”指定了 id，并且 id 都为 stressid，那么你在调用document.getElementById("stressid") 时并不能获取到两个对象，只有“三年级”一个，也就是第一个被指定为该id的元素对象。所以说，在精确定位元素的需求下，我们应该遵守同一文档中的 html 元素 id 唯一。

其他三个方法返回值都是集合，也就是说允许重复的存在，能够返回所有符合条件的元素对象，可以用下标取值。

楼上都是大神啊

不是id选择器只能用一次，是同一个id名称只能用一次不能重复，教程没说明白

<span id="stressid bigsizeid">三年级</span>既不支持stressid，也不支持bigsizeid

id就像身份证一样具有唯一性，是一个标签的唯一标识，而类则是描述标签的形容词，可以用多个形容词描述这个标签

很明显的，没有效果，因为只能有一个id，就像人不能有两个身份证号一样

Class可以看作为班级，而id只能是你唯一的学号，考场（javascript）上只能有你一个人的学号

1、我跟你讲啊，ID就像身份证，它的作用就是用在具体一个元素的，举个例子，你自己的身份证你能用，别人也可以拿来办信用卡，然后透支，这样你会收到损害，你愿意吗？

2、ID的作用就是做用在一个物体上，相对于用在一类上的属性时class，分工不同，所以你不要用ID来代替class。

3、一个前端的人，也可以去干后端的活，但干的不是很好，某些状态下，会把后端的活干错办砸，ID也是，它可以办class的事，但在JS的情况下，就办砸了，你用ID去做class的事，就是用人错乱，容易出大错。

4、古语有云，杀鸡焉用牛刀，但你杀牛用鸡刀，不就让牛痛苦，自己也累得半死咯。

有用是有用但是如果要跟后台做数据交互会发生很大的事故的