CSS kun til IE eller andre browsere!

Denne kode loader CCS-filen hvis webbrowseren er IE.
Her vist i et Joomla template

/* All browsers */
.className, x:-moz-any-link {font-weight:normal;}

/*FireFox 2 and IE7 */
.className, x:-moz-any-link {font-weight:bold;}

/*FireFox 3 and IE7 */
.className, x:-moz-any-link, x:default {font-weight:bold;}

/* IE */
.className {_font-weight:normal; #font-weight:normal;}

IE 6 and below
* html {}
IE 7 and below
*:first-child+html {} * html {}
IE 7 only
*:first-child+html {}
IE 7 and modern browsers only
html>body {}
Modern browsers only (not IE 7)
html>/**/body {}
Recent Opera versions 9 and below
html:first-child {}


Safari Har bl.a. en fejl ved background-position - det kan afhjælpes med et hack som kun Safari og IE læser : html*#mindiv og bagefter smide et specielt ie.css på til IE som så retter tilbage! På den måde kan man ramme Safari uden at ramme de andre browsere!

Dette hack ser ud til kun at ramme Safari, Opera og Google Chrome:
@media screen and (-webkit-min-device-pixel-ratio:0){ div#eksempel{margin:-2px 0 0 -2px;} }

Opera
html:first-child div#eksempel{margin:-2px 0 0 -2px;}
Kode (XHTML, PHP, CSS etc.): 
<!--[if IE]> <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/style_ie.css" type="text/css" rel="stylesheet" /> <![EndIf]-->