.miClase{
width: 15px; /* Para todos los Browsers */
#width: 20px; /*Para Internet Explorer */
_width: 25px; /* Para Internet Explorer 6 */
}
Explorer 6
.selector {
_color: #CCCCCC;
}
Explorer 7 y anteriores
.selector {
*color: #CCCCCC;
}
Explorer 8
/* Interpretado únicamente por IE7 (actúa como un !important) */
*:first-child+html .selector {
color: #CCCCCC;
}
.selector {
color /*\**/: #CCCCCC\9 /* Sin punto y coma!! */
}
Explorer 11
_:-ms-fullscreen, :root .selector {
justify-content: inherit;
}
Todas las versiones de Internet Explorer
.selector {
color: #CCCCCC\9 /* Sin punto y coma!! */
}
Internet Explorer 7 y demás navegadores modernos (incluido IE8)
html>body .selector {
color: #CCCCCC;
}
Todos los navegadores modernos (incluido IE8)
html>body .selector {
color: #CCCCCC;
}
Todos los navegadores modernos (incluido IE8)
html>/**/body .selector {
color: #CCCCCC;
}
Opera 9.27 y anteriores
html:first-child .selector {
color: #CCCCCC;
}
Safari
html[xmlns*=""] body:last-child .selector {
color: #CCCCCC;
}
Safari 3+, Opera 9+, Firefox 3.5+ y Chrome 1+
body:nth-of-type(1) .selector {
color: #CCCCCC;
}
/* Otra opción... */
body:first-of-type .selector {
color: #CCCCCC;
}
/* Y otra más... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.selector {
color: #CCCCCC;
}
}
Safari 3+ y Chrome 1+
@media screen and (-webkit-min-device-pixel-ratio:0) {
.selector {
color: #CCCCCC;
}
}
/* Otra opción... */
body:nth-of-type(1) .selector{
color: #CCCCCC;
}
Todas las versiones de Firefox
@-moz-document url-prefix() {
.selector {
color: #CCCCCC;
}
}
Cualquier Gecko (incluido Firefox)
*>.selector {
color: #CCCCCC;
}
Firefox 1.5+
.selector, x:-moz-any-link, x:only-child {
color: #CCCCCC;
}
Firefox 2 y versiones anteriores
body:empty .selector {
color: #CCCCCC;
}
/* Otra opción... */
html>/**/body .selector, x:-moz-any-link {
color: #CCCCCC;
}
Firefox 3 (y quizás más nuevos)
html>/**/body .selector, x:-moz-any-link, x:default {
color: #CCCCCC;
}
