css - emojipedia - emojis javascript
¿Qué significa la cara sonriente ":)" en CSS? (2)
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; .
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?
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í .