<style type="text/css">
div{
width:300px;
height:300px;
border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">box1</div>
<div id="box2">box2</div>
id选择器 可以有多个，只是最好不要名字相同罢了，如果ID名字相同，解释的话我在上面说了。
<div id="box1">box1</div>
<div id="box1">box2</div>可以相同，而且CSS 会有效果，，但是不规范，因为你在做一个项目的时候不仅仅只是增加样式 也会有功能，有时候会用到JS，JS是根据ID名来取的，这个时候它只会取第一个ID，那么第二个就会没有JS效果。
<div id="box1">box1</div>
<div id="box2">box2</div>
之前的定义理解问题，是ID在同一html文件中只能使用一次。你说的代码中，ID名不同，定义两个选择器没有关系，且在一个html文件中，它也满足了只使用一次，没错。
给元素取id名，必须是唯一的，不能重复，所以它的id选择器也是唯一的
这里设置两个ID选择器只是为了让代码更好看好区分，更规范吧吧，你把box2去掉也是一样的效果。你第一个盒子都叫box1了，第二个就干脆叫box2算了呗
不能设置两个相同的id名，这个代码是两个不同的id名。