h1 {color: red;}
/* 只有一个普通元素加成，结果是 0,0,0,1 */
body h1 {color: green;}
/* 两个普通元素加成，结果是 0,0,0,2 */
/*0,0,0,1 小于 0，0，0，2 ，后者胜出*/
h2.grape {color: purple;}
/* 一个普通元素、一个 class 选择符加成，结果是 0,0,1,1*/
h2 {color: silver;}
/*一个普通元素，结果是 0,0,0,1 */
/*0,0,1,1 大于 0,0,0,1 ，前者胜出*/
html > body table tr[id="totals"] td ul > li {color: maroon;}
/* 7 个普通元素、一个属性选择符、两个其他选择符（子选择符 >），结果是 0,0,1,7 */
li#answer {color: navy;}
/* 一个 ID 选择符，一个普通选择符，结果是 0,1,0,1 */
/*0,0,1,7 小于 0,1,0,1，后者胜出*/

.first { width:400px; margin:0 auto; height:300px; background:url(images/bg1.png); }

* html .first { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/bg1.png"); background:none; }

针对ie6
<!--[if lte IE 6]>
<script type="text/javascript" src="http://xfiles.cdnmyspace.cn/dir/vi/v2/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
       DD_belatedPNG.fix('.mod_box'); //这里写要做透明的class
       DD_belatedPNG.fix('img.mod_box'); //这里写要做透明的class
      DD_belatedPNG.fixPng(document.getElementById("Box")); //这里写要透明的div 的 id
</script>
<![endif]-->