<p>到了<span id="bigsizeid">三年级</span>下学期时,我们班上了一节<span id="bigsizeid">公开课</span>,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
为什么在同一段里面我用了两次同一个id没有错误?
首先,你的明白,我们前端写代码是要遵循`W3C`的标准的,这个标准/组织规定了一个页面内可以有无限个id但是不允许有重复的id。你使用了重复的id定义样式,浏览器是能够解析的,但是站在开发者的角度来说,是不符合规定的。
举个栗子:譬如,一所高中学校的校规里面明文规定高中生不能带手机回学校,否则会受到应有的惩罚!但是,这意味着不能带手机回学校吗?其实不是,假设我们带了,但是没有被发现,也就没有被惩罚。换句话来说,就是能够带回学校,但是规则上是不允许的而已。
其次,当你学到js的时候,你就会发现,当初一个页面用多个相同的id是多么愚蠢,因为我们需要用
document.getElementById('id');
到页面上取得某个标签元素来做特效的时候,就会报错,而且特效不会生效。
总结,
语义上:ID标识了页面中唯一的元素,不能够重复;
这里的ID选择器为同一个元素设置相同的样式,没有设置多个样式。
错误写法,id是唯一值,同一页面不能使用相同id