关于<style>标签里的两个#div1

#div1{

      width=200px;

      height=200px;

      background:red;

      position:relative;

      left:-200px;

      top:0;}

 #div1 span{

       width=20px;

       height=20px;

       background:blue;

       position:absolute;

       left:200px;

       top:75px;}

据我的理解第二个应该是定义span标签的位置和大小但为什么span前面还加了#div1？这样不就是定义了两次div1了吗？我试着把第二个#div1去掉并不影响结果。