Web-Browser / CSS Hacks - IE, Firefox, Chrome, Opera & Safri
Die folgenden CSS-Definitionen sollten nur von den in der jeweiligen Überschrift angegebenen Browsern interpretiert werden:
IE6 und IE7
Syntax:
.selector{*property:value;}
Beispiel:
.logo{*margin-left:5px;}
IE6
Syntax:
.selector{_property:value;}
Beispiel:
.logo{_margin-left:5px;}
oder
Syntax:
* html .selector{property:value;}
Beispiel:
* html .logo{margin-left:10px;}
IE7
Syntax:
* + html .selector{property:value;}
Beispiel:
* + html .logo{margin-left:20px;}
IE7 und Firefox
Syntax:
html>body .selector{property:value;}
Beispiel:
html>body .logo{margin-left:5px}
Firefox
Syntax:
html>/**/body .selector{property:value;}
Beispiel:
html>/**/body .logo{margin-left:5px}
Firefox3
Syntax:
html>/**/body .selector, x:-moz-any-link, x:default {property:value;}
Beispiel:
html>/**/body .selector, x:-moz-any-link, x:default {margin-left:5px;}
Google Chrome
Syntax:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.selector{property:value;}
}
Beispiel:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.logo{margin-left:5px;}
}
Opera 9 und frühere
Syntax:
@media all and (min-width:0px) {head~body .selector {property:value;}}
Beispiel:
@media all and (min-width:0px) {head~body .logo {margin-left:5px;}}
Safari
Syntax:
body:first-of-type .selecotr{property:value;}
Beispiel:
body:first-of-type .logo{margin-left:5px;}