css优先级探讨

css优先级的四大原则：

原则一： 继承不如指定

如果某样式是继承来的永远不如具体指定的优先级高。
例子1：
CODE:
<style type="text/css">
<!--
*{font-size:20px}
.class3{ font-size: 12px; }
-->
</style>
<span class="class3">我是多大字号？</span>

运行结果：.class3{ font-size: 12px; }

例子2：

CODE:
<style type="text/css">
<!--
#id1 #id2{font-size:20px}
.class3{font-size:12px}
-->
</style>

<div >我是多大字号？</span> </p>
</div>


.class1 p.class2 .class3{font-size:14px}