June52108
2016-02-24 13:20
<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名。
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题