Monday, June 28, 2010

Essential css hacks

/*IE5/Mac only*/
/*\*//*/ selector { property: value; } /**/

/*All except IE5/Mac*/
/*\*/ selector { property: value; } /**/

/*IE6- only*/
/*\*/ * html selector { property: value; } /**/

/*IE5.5- only*/
selector { property: value; p\roperty: normal-value; }

/*IE7 standard only*/
*:first-child+html selector { property: value; }

/*All except IE6-*/
html>body selector { property: value; }

/*IE6+ quirks and IE5 (= all IE/Win quirks) only*/
* html selector { property /**/: value; }

/*All except IE6 standards*/
selector { property /**/: value; }

/*All except IE5.0*/
selector { property/**/: value; }

/*All except IE5.5*/
selector { property: /**/value; }

/*Op < 9.5 only*/
@media all and (min-width: 0px) { html:first-child selector { property: value; } }

/*Safari 3 only*/
selector:not(:root:root) { property: value; }

/*Safari only*/
@media all and (-webkit-min-device-pixel-ratio: 0) { selector { property: value; } }

/*Gecko (1.8+) only*/
@-moz-document url-prefix() { selector { property: value; } }

1 comment:

  1. /* All IE versions, including IE8 Standards Mode */
    .test { color: blue\9 }

    ReplyDelete