Es un truco simple también conocido como ‘* truco de propiedad’ . Es útil cuando se trata de versiones anteriores de Internet Explorer (es decir, IE6 e IE7). Cuando agregamos * antes de cualquier nombre de propiedad en CSS, apunta a la versión IE 7 e inferior de los navegadores IE y se refleja cuando carga el mismo CSS en el navegador mientras actúa como basura para todos los demás navegadores, incluido IE 8 y superior.
Nota: Podemos usar guión bajo (_) para IE6 y la estrella (*) para IE7. Agregue _ o * delante de una propiedad CSS cuando sea necesario.
Sintaxis:
color: blue; /* all browsers */ *color: blue; /* IE7 and below */ _color: blue; /* IE6 and below */
El siguiente ejemplo ilustra la propiedad precedida por estrellas en CSS:
Ejemplo: En este ejemplo, veremos cómo un elemento precedido por un * se comporta de manera diferente para diferentes versiones en IE. Podemos ver que para el elemento h1 hemos agregado la propiedad color comenzando con un *.
<!DOCTYPE html> <html> <head> <style> p { background-color: pink } h1 { *color: green } </style> </head> <body> <center> <h1>GeeksforGeeks</h1> <b> A Computer Science Portal for Geeks. </b> <p> This is an example for star-preceded property <p> </center> </body> </html>
Nota: es un tipo de error y solo funcionará para IE7 y versiones anteriores.
Producción:
- Salida para IE 7 y versiones anteriores: podemos ver que nuestra propiedad h1 con el texto GeeksforGeeks es de color verde, por lo tanto, *el nombre de la propiedad está exceptuado por esta versión del navegador.
- Salida para IE 8 y superior: podemos ver que nuestra propiedad h1 con el texto GeeksforGeeks es de color negro, lo que muestra que *el nombre de la propiedad se trata como basura en el navegador IE 8 y superior.
Publicación traducida automáticamente
Artículo escrito por akansha003 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA