Foros del Web » Creando para Internet » CSS »

Para que sirve este tipo de estilo

Estas en el tema de Para que sirve este tipo de estilo en el foro de CSS en Foros del Web. #menu a { color:#fff; display: block; } *html #menu a { color:#fff; display: block; float: left; } #menu a:hover { background:url(../img/contenido/sombra_menu.gif) repeat-x; color:#fff; padding-bottom: 0px; ...
  #1 (permalink)  
Antiguo 16/10/2009, 14:28
 
Fecha de Ingreso: febrero-2008
Ubicación: /home/public_html
Mensajes: 551
Antigüedad: 16 años, 2 meses
Puntos: 10
Para que sirve este tipo de estilo

#menu a {
color:#fff;
display: block;

}

*html #menu a {
color:#fff;
display: block;
float: left;

}
#menu a:hover {
background:url(../img/contenido/sombra_menu.gif) repeat-x;
color:#fff;
padding-bottom: 0px;

}


Una duda por que se le coloca esto *html, me puede decir, que es lo que hace, yo siempre he puesto sin el asterisco, pero mirando una web bien hecha en estilos, vi ese asterisco, pero, para que es.

Lo que he podido notar es que el asterisco no se ve los cambios en Fire Fox, pero en Internet Explorer si se notan.

Pero me gustaria saber en que casos se pone, o que es lo que hace el (*), asterisco.
  #2 (permalink)  
Antiguo 16/10/2009, 14:32
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Para que sirve este tipo de estilo

*html{}
es para IE 6 sino me equivoco.. un "hack"

Cita:
no se ve los cambios en Fire Fox, pero en Internet Explorer si se notan.
te respondiste solo
__________________
Toroflix - movies.
  #3 (permalink)  
Antiguo 17/10/2009, 07:31
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Para que sirve este tipo de estilo

Hola Jabin:
Tu duda responde al nombre de "Tan Hack", te recomiendo el siguiente artículo, pero ten cuidado porque aquí ofrecen esta "alternativa" como la mejor solución, y lo cierto es que no lo es, pues la mejor solucion a los bugs es la utilización de comentarios condicionales:

" Observamos un asterisco (*) al comienzo. El asterisco en CSS es conocido como selector universal y alude a todos los elementos que están contenidos dentro de otro.
Encontramos html, el elemento raíz de toda página, y luego nuestro div.
La regla * html div { } se aplicará a todo elemento div contenido en un elemento html que a su vez esté contenido en otro. Suena raro, ¿No?
Para cualquier navegador distinto del Explorer la regla será interpretada como errónea y por lo tanto ignorada, ya que no existe ningún elemento que contenga a html, que acabamos de decir que es el elemento raíz.

El Explorer (en todas las versiones) parece creer en la existencia de un misterioso elemento que engloba a html (obviamente se trata de un defecto de estos navegadores), por lo que la regla le resultará válida. "

(texto extraido de http://www.cristalab.com/tutoriales/...lorer-5-c191l/)

Sugerencia: Cuando te veas frente a hacks reemplazalos por comentarios condicionales, los beneficios son muchos, el más importante: tu hoja de estilos validará.

Un comentario condicional tiene esta forma:
(este es para IE6, pero los hay para todas las versiones de IE, buscalos en google)

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

Saludos!

Última edición por cristian_cena; 18/10/2009 a las 16:11
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:38.