CSS hack區別不同瀏覽器常用寫法

區別不同瀏覽器的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 !important;*background:blue;
    注：IE都能識別*;標準瀏覽器(如FF)不能識別*；
    IE6能識別*，但不能識別 !important,
    IE7能識別*，也能識別!important;
    FF不能識別*，但能識別!important;
    IE6 IE7 FF
    * √ √ ×
    !important × √ √
    ------------------------------------------------------
    另外再補充一個，下劃線"_",
    IE6支持下劃線，IE7和firefox均不支持下劃線。
    IE6 IE7 FF
    * √ √ ×
    !important × √ √
    _ √ × ×
    于是大家還可以這樣來區分IE6，IE7，firefox
    : background:orange;*background:green;_background:blue;
    注：不管是什么方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面。
    下面再看一些常用的
    .all-IE{property:value9;}
    :root .IE-9{property:value/;}
    .gte-IE-8{property:value;}
    .lte-IE-7{*property:value;}
    .IE-7{+property:value;}
    .IE-6{_property:value;}
    .not-IE{property//:value;}
    @-moz-document url-prefix() { .firefox{property:value;} }
    @media all and (-webkit-min-device-pixel-ratio:0) { .webkit{property:value;} }
    @media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { .opera{property:value;} }
    @media screen and (max-device-width: 480px) { .iphone-or-mobile-s-webkit{property:value;} }
    IE8 最新css hack： 　　"9"　例:"border:1px 9;".這里的"9"可以區別所有IE和FireFox. 　　""　IE8識別，IE6、IE7不能. 　　"*"　IE6、IE7可以識別.IE8、FireFox不能. 　　"_"　IE6可以識別"_",IE7、IE8、FireFox不能.
    IE6 hack
    _background-color:#CDCDCD; /* ie 6*/
    IE7 hack
    *background-color:#dddd00; /* ie 7*/
    IE8 hack
    background-color:red ; /* ie 8/9*/
    IE9 hack
    background-color:blue 9;