Uninstallme

El selector universal *

  • 5 de Septiembre 2007
  • CSS

El selector universal asterisco (*), comunmente utilizado para quitar el margen y relleno que los navegadores dan por defecto a los elementos html, y que por desgracia y para variar, son distintos en cada navegador, puede ser utilizado también para aplicar padding a los elementos hijos de un bloque contenedor.

El dar padding a los hijos de un bloque contenedor en vez de al bloque contenedor, ahorra además el problema del fallo del modelo de cuadro en IE 5. Al no especificar la anchura de los elementos hijos, éstos se expanden al 100% dentro del elemento que los contiene, por lo tanto si les damos relleno, tendrán una anchura automática con el padding especificado.

Por supuesto es importantísimo quitar el padding para los hijos de los hijos, valga la redundancia, porque si no tendríamos resultados desastrosos.

Ejemplo de código CSS:


#contenedor{
width: 200px;
}
#contenedor *{padding: 0 15px;}
#contenedor * *{padding: 0;} /* Quitamos el padding
a los hijos de los hijos */

Deja tu comentario

Los campos marcados con (*) son obligatorios