css在不同浏览器中的写法

比如要分辨IE6和firefox两种浏览器，可以这样写：
　　<style>
　　div{
　　background:green; /* for firefox */
　　*background:red; /* for IE6 */
　　}
　　</style>
　　我在IE6中看到是红色的，在firefox中看到是绿色的。
　　解释一下：
　　上面的css在firefox中，它是认识不了后面的那个带星号的东东是什么的，于是将它过滤掉，不予理睬，解析得到的结果是:div{background:green},于是理所当然这个div的背景是绿色的。
　　在IE6中呢，它两个background都能识别出来，它解析得到的结果是:div{background:green;background:red;},于是根据优先级别，处在后面的red的优先级高，于是当然这个div的背景颜色就是红色的了。
　　CSS hack:区分IE6，IE7，firefox
　　区别不同浏览器，CSS hack写法：
　　区别IE6与FF：
　　background:orange;*background:blue;
　　区别IE6与IE7：
　　background:green !important;background:blue;
　　区别IE7与FF：
　　background:orange; *background:green;
　　区别FF，IE7，IE6：
　　background:orange;*background:green;_background:blue;
　　background:orange;*background:green !important;*background:blue;
　　注：IE都能识别*;标准浏览器(如FF)不能识别*；
　　IE6能识别*，某些情况下不能识别 !important,
　　-----------------------------------------------------------------------------------------------
　　IE6支持重定义中的!important，例如：
　　.yuanxin {color:#e00!important;}
　　.yuanxin {color:#000;}
　　你将会发现定义了样式class="yuanxin"时，在IE下，字体显示为红色（#e00）。
　　但不支持同一定义中的!important。例如：
　　.yuanxin {color:#e00!important;color:#000}
　　此时在IE6下不支持，你将会发现定义了样式class="yuanxin"时，字体显示为黑色（#000）。
　　-----------------------------------------------------------------------------------------------
　　IE7能识别*，也能识别!important;
　　FF不能识别*，但能识别!important;
　　IE6 IE7 FF
　　* √ √ ×
　　!important × √ √
　　浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6
　　以: " #demo {width:100px;} "为例;
　　#demo {width:100px;} /*被FIREFOX,IE