CSS_选择器HACK_IE各版本定制样式

_:选择IE6及以下。  连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线(_)更为合适。

*:选择IE7及以下。  诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高

\9:选择IE6+

\0:选择IE8+和Opera

选择webkit核心浏览器(Chrome,Safari)。IE7及以下也能识别。  中括号内外的3个分号必须保留,第一个分号前可以是任意规则或任意多个规则

[;color:#f00;];   与     [color:#f00;color:#f00;];   与     [margin:0;padding:0;color:#f00;];   是等价的。生效的始终是中括号内的最后一条规则,所以通常选用第一种写法最为简洁。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>属性级Hack_CSS参考手册_web前端开发参考手册系列</title>
    <style>
    h1{margin:10px 0;font-size:16px;}
    .test{
     color:#c30;          /* For Firefox */
     [;color:#ddd;];      /* For webkit(Chrome and Safari) */
     color:#090\0;        /* For Opera */
     color:#00f\9;        /* For IE8+ */
     *color:#f00;         /* For IE7 */
     _color:#ff0;         /* For IE6 */
    }
    </style>
    </head>
    <body>
    <div>在不同浏览器下看看我的颜色吧</div>
    </body>
    </html>

你可能感兴趣的:(CSS_选择器HACK_IE各版本定制样式)