css - emojipedia - emojis javascript

¿Qué significa la cara sonriente ":)" en CSS?

Question

Vi este código CSS en un proyecto:

html, body { :)width: 640px;}

He estado usando CSS por mucho tiempo pero nunca vi este código ":)" antes. ¿Significa algo o es solo un error tipográfico?

Answer 1

De un artículo en javascriptkit.com , se aplica para IE 7 y versiones anteriores:

Si agrega un carácter no alfanumérico, como un asterisco ( * ) inmediatamente antes del nombre de una propiedad, la propiedad se aplicará en IE y no en otros navegadores.

También hay un hack para <= IE 8 :

div {
  color: blue;      /* All browsers */
  color: purple/9;  /* IE8 and earlier */
 *color: pink;      /* IE7 and earlier */
}

Sin embargo, eso no es una buena idea, no validan. Siempre se siente libre de trabajar con comentarios condicionales para orientar versiones específicas de IE :

<!--[if lte IE 8]><link rel="stylesheet" href="ie-8.css"><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="ie-7.css"><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" href="ie-6.css"><![endif]-->

Pero para aquellos que quieran ver el hack en realidad, abra esta página con la última versión de IE que tenga. A continuación, vaya al modo de desarrollador haciendo un F12 . En la sección de Emulación ( ctrl + 8 ), cambie el modo de documento a 7 y vea qué sucede.

La propiedad utilizada en la página es :)font-size: 50px; .

Answer 2

Parece un truco de CSS para los navegadores IE7 y anteriores. Si bien esto no es válido para CSS y los navegadores deben ignorarlo, IE7 y versiones anteriores analizarán y respetarán esta regla. Aquí hay un ejemplo de este hack en acción:

CSS

body {
    background: url(background.png);
    :)background: url(why-you-little.png);
}

IE8 (ignora la regla)

IE7 (aplica la regla)

Tenga en cuenta que no tiene que ser una cara sonriente; BrowserHacks menciona:

Cualquier combinación de estos personajes:
! $ & * ( ) = % + @ , . / ` [ ] # ~ ? : < > |
[antes de que el nombre de la propiedad funcione en] Internet Explorer ≤ 7

El ejemplo del puesto de perros calientes de GAH está aquí .