.mercury{
     color:        white;
     background:    green;
    }
h1.mercury{
     font-family:    Verdana;
     color:        silver;
    }

h1{
     color:        silver;
     background:    green;
     font-family:    Verdana;
}

.mercury{   //通过class作用于所有的html
     color:        white;
     background:    green;
    }
h1.mercury{ //通过class作用于h1 并且只能作用于h1
     font-family:    Verdana;
     color:        silver;
    }
#mercury{   //只能通过id作用于对象 并只能作用于一个对象
        color:red;
        background-color:#f4f4f4;
}

------解决方案--------------------

<div id="1"></div>
<div id="1"></div>

这样这一个html文件中，有两个元素的id都为"1”了
就重复了
唯一就是每个元素的ID都要不同，要么就没有ID

关于继承：
#1 h1{color:#000}
h1{color:#fff}
然后引用
<div id="1"><h1>这个是#1 h1的式样</h1></div>

<div><h1>这个是上面h1的式样</h1></div>


这样应该比较清楚了吧

------解决方案--------------------

很简单的东西 查查手册

------解决方案--------------------

ID的唯一是什么意思??  
_______________

一个html标签元素,可以有class和id属性,但id的姓名必须唯一

比如:如果一个标签已用过id='aa',则别的标签就不能再用他
但类则可以,class可被任意标签用


________________________

类选择符的继承到底是什么?  
这个简单,如果本标签没有定类或id,则它的样式继承上一级定义,如果本标签定义,则覆盖上一级的
<a class='a1'>
  <h1 class='a2'>
  </h1>
</a>
如果a2没有定义,则h1中的内容直接用上一级即a1的样式

------解决方案--------------------

ID的唯一..?  
为什么我在这里可以用两个相同名字的ID?  

你当然可以用，浏览器不会报错，但不说明这样写就是正确的。如果你需要根据ID来取值或赋值的话，就知道你这样写不正确了。