2010-12-30 14 views
141

Duplicar posible:
CSS reset - purpose of asterik within a style¿Qué hace un asterisco en un nombre de propiedad CSS?

que sabe lo que hace un asterisco en un selector de CSS (What does an Asterisk do?), pero ¿qué se puede hacer en un nombre de propiedad? Aquí hay un ejemplo de CSS utilizado por YUI. No sé lo que hace el *display.

.yui-button .first-child 
{ 
    display:block; 
    *display:inline-block; 
} 
+0

es interesante en su ejemplo el * display: inline-block; porque Internet Explorer 7, no "entiende" la propiedad de bloque en línea – Sotiris

+4

@Sotiris: Sí, un poco. Sin embargo, todo está mal. – BoltClock

+0

@BoltClock jajajaja "Sí, es un poco" – luigi7up

Respuesta

153

Es un error de sintaxis. Por lo tanto, en CSS, hace que el nombre de la propiedad no sea válido y deja de ser analizado.

Gracias a los errores en los navegadores, a veces se ignora. Esto efectivamente hace que la propiedad se aplique solo a navegadores con ese error en particular, IE7.

En general, se debe evitar a favor de comentarios condicionales.

57

Es un hack de IE. La segunda declaración será aplicada por IE7 y anteriores (anulando así la primera declaración), mientras que otros navegadores la ignorarán y continuarán aplicando la primera declaración en su lugar.

Además, esta es la sintaxis CSS no válida.

+0

@Jakub Pietkun: wat. ¿Tienes una captura de pantalla? – BoltClock

+0

Perdón por la confusión, estaba equivocado. He probado FF, Chrome e IE - el atributo "asterisco" no tiene ningún efecto. –

14

es como el guión bajo para ie6. pero para ie7

si pone el asterisco, la propiedad solo se usará en navegadores ie7 y anteriores.

su truco ... una

9

Es uno de los hacks IE. Internet Explorer analiza CSS de una manera ligeramente diferente, lo que permite ciertos hacks que serán ignorados en otros navegadores. Google por eso. Puede dirigirse a diferentes versiones de IE con diferentes hacks.

Cuestiones relacionadas