不是没有定义box2样式吗，为什么写id=box2不报错。
你以为id="box2" 这个 只有样式这么一个功能？js也需要id，照你你说的话，那我写了样式在那里，页面没用到也要报错？可以说 样式是为标签服务的，id="box2" class="box2"只是标签的一个别名而已，更方便开发人员。可以更细分的做样式，假如我只想改 别名为id="box2"的样式，这个时候就需要了，不过id JS需要用到，所以它有唯一性。
对任何标签都可以定义唯一的id，如id=box1, id=box2, id=boxn, 但是否调用这个id，并为它添加CSS样式不是必须的。只定义id不添加css样式不算错，只定义了css样式没有匹配到某个id或class里也不算错。就是搭配这用的一种方法。
html文档在先 css在后
写了id=box2 之后 你才能定义box2的样式 但是这里只是才能 并不是一定要定义box2的样式 你定义了 然后不用 也不能说是错了 所以当然不会报错啊