<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边距</title>
<style type="text/css">
div{ width:300px;
height:300px;
border:1px solid red;
}
#box1{border:2px dashed purple;
color: green;
margin-bottom:30px;}
#box2{border: 2px dotted green;
color: blue;
width: 250px;
margin-bottom:90px;}
</style>
</head>
<body>
<div >div标签</div>
<div id="box1">ID选择器box1</div>
<div id="box2">ID选择器box2</div>
<div id="box3">ID选择器box3与div的一样</div>
<p id="box1">ID选择器box1在p标签</p>
<strong id="box1">为什么ID选择器可以在html中使用多次?不是说仅能使用一次吗</strong><em id="box2">????????????????????????????????????</em>
</body>
</html>
总共设了两个id选择器:box1 、box2;却可以在div 、p 、strong中同时使用不止一次?为什么啊?求解。。。。谢谢
你编上就会给你反应 ,但只给一个id产生作用,具体给哪个id产生作用看哪个id的优先级高,而像class是你给class赋值完了之后所有的class都会产生作用
我那个id=“box1”给div和p标签用了都有效果呢?为什么啊
这是结果啊
所谓ID只能用一次,指的是就像一个人对应一个身份证一样,是不能有重复一样的,那么也就是你的这个页面中,<h1 id="xx"></h1>这里面的xx只能成为一个元素的id而不能继续成为p元素的id,你这样写是有违语法规范的。而你理解错了,在于你以为是效果只能用一次,实际上是只能被一个元素所拥有。
有效果的
<div id="box1">ID选择器box1</div>
<strong id="box1">为什么ID选择器可以在html中使用多次?不是说仅能使用一次吗</strong>
同学你看看是不是没效果