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