1.IE
.className
{
padding:10px/; IE9 + IE8
}
@media all and (min-width:0) {
.className { color:pink /; } /* IE9 */
}
.className{padding:10px\9;} /* IE8 — */
.className{padding:10px;} /* IE8 */
.className{*padding :10px ;} /* IE7 — */
OR
* + html .class{margin-left:20px;} /* IE7 */
.className{_padding :10px ;} /* IE6 — */
OR
* html .logo{margin-left:10px;} /* IE6 */
2.Firefox
html>/**/body .className{margin-left:10px}
OR
@-moz-document url-prefix() {
.className {{font-size: .6em;}}
html>/**/body .className, x:-moz-any-link, x:default {background:red;} /* Firefox 3 */
3.Chrome
body:nth-of-type(1) .className{margin:20px;}
OR:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.className{ margin:0 26px 0 0; }
} /* hacked cho chrome và safari */
4.Safari
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .className { margin:10px; } }
5.Opera
@media all and (min-width:0px) {head~body .className {margin-left:10px;}}