針對不一樣瀏覽器內核css寫法

  /* 針對谷歌瀏覽器內核支持的CSS樣式*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

樣式

} 

/*針對IE6特製識別的CSS樣式*/

*HTML .SearchBox

{

樣式

}

/*針對IE7特製識別的CSS樣式*/

*+HTML .SearchBox

{

樣式

}

針對Firefox瀏覽器的內核CSS寫法：

@-moz-document url-prefix() {

.font1 {color:red}

}

IE8就是本身來調試了。調試一個瀏覽器，有不合適的地方能夠在該內核css中重寫對應的方法，只需把不合適的樣式重寫便可實現。*HTML中則例外，須要每重寫一個都要加*HTML單獨處理。

針對樣式名 

若是隻讓ie6看見用*html .head{color:#000;}

若是隻讓ie7看見用*+html .head{color:#000;}  (*margin-top:-425px;//ie7專用)

(margin-top:-425px\0;//ie8專用)

若是隻讓ff看見用:root body .head{color:#000;}

若是隻讓ff、IE8看見用html>/**/body .head{color:#000;}

若是隻是不讓ie6看見用html>body .head{color:#000;} 即對IE 6無效

若是隻是不讓ff、IE8看見用*body .head{color:#000;}    即對ff、IE8無效

針對具體屬性

若是隻讓ie6看見用"_": .head{_color:#000;}

若是隻讓ie7看見用"+"與"_"結合的方法:     .head{+color:#f00;!;_color:#000;} 

IE8正式版hack

\9″ 例:」margin:0px auto\9;」.這裏的」\9″能夠區別全部IE8和FireFox.

「*」 IE6、IE7能夠識別.IE8、FireFox不能.

「_」 IE6能夠識別」_」,IE7、IE8、FireFox不能.

如：

.a {color:#f00;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; }

從左到右分別對應 FF,IE8 IE7 IE6

=============================

P{+color:#f00;}             支持 IE7 IE6      不支持 FF  IE8b

P{_color:#f00;}             支持ie6          不支持 FF

P{color:#f00; !important;} 

P{color:#f00;}              支持 IE6 IE7 IE8b FF

P{color:#00f !important;color:#f00; } 支持IE7 IE8b FF 不支持IE6

head:first-child+body p{color:#f00;}   支持IE7 IE8b FF      不支持IE6

/*\*//*/

/**/                 支持IE8b         不支持IE6 IE7 FF

html*{color:#f00}        支持IE6 IE7      不支持 IE8b FF

body>p{color:#f00}          支持IE7 IE8b FF      不支持 IE6

html[xmlns] p {color:#f00}      支持 IE7 IE8b FF  不支持 IE6

@import "style.css"

@import "style.css"

@import url(style.css)

@import url('style.css')

@import url("style.css")    支持 IE6 IE7 IE8b FF

P{/*/*color:#f00;/* */}         支持 IE6 IE7  FF 不支持 IE8b