Posted in

Hacks para CSS

.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;
}

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *


The reCAPTCHA verification period has expired. Please reload the page.