Css que afecte a todo el contenido de un div

[EthanBrody]

Tengo un div al que le he puesto con CSS un ancho y alto definidos.
Como cargo cosas dinamicamente (include) dentro del div, quiero restringir el tamaño de todo lo que yo le meta a ese div con CSS, para que no ocurran desbordamientos.

(No quiero saber como evitar desbordamientos. No usare overflow ni scrollbars no me sirven.)

Lo que yo quiero saber es como indicar en CSS un estilo a todo lo que yo meta dentro del div, sin necesidad de ponerle estilos como:

Código:

div p{
max-width:100px;
}

div img{
max-width:100px;
}

div H1{
max-width:100px;
}

¿Se podrá englobar todo en uno solo? Total que el estilo será el mismo [max-width:100px;].

Espero haberme explicado bien. :D

[Lampar]

Hola companiero porque no lo haces con un ID o una clase para el div, solo tendrias que colocarselo al div! :)

Código HTML:

.class{
color: white;
//esto es una clase que se le puede aplicar al html
}

#id{
color: white;
//esto es un id que se le puede aplicar al html y solo lo puedes utilizar una vez
}

dentro de eso le puedes meter todo lo que tu qieras!!

Espero que te sea de ayuda

[caotz]

Hola EthanBrody,
No se si esta será la solución correcta, pero lo probe un poco y me funcionó.
Lo primero es que si es para un solo div le ponga un id, por ejemplo miID y en el css declarariamos lo siguiente:

Código:

#miID * {
   max-width: 100px;
}

Con esto le decimos que ponga max-width 100 a todos los elementos que esten dentro de este div.

Un saludo.

[EthanBrody]

Iniciado por caotz

Hola EthanBrody,
No se si esta será la solución correcta, pero lo probe un poco y me funcionó.
Lo primero es que si es para un solo div le ponga un id, por ejemplo miID y en el css declarariamos lo siguiente:

Código:

#miID * {
   max-width: 100px;
}

Con esto le decimos que ponga max-width 100 a todos los elementos que esten dentro de este div.

Un saludo.

Muchas gracias por las respuestas, entonces quiere decir que el * estaria indicando a todos los elementos dentro ¿? Ojala me funcione, no sabes que navegadores lo interpreten asi... Me acaba de pasar que tenia mi pagina ya hecha, y después de probarla en IE, me dieron ganas de hacerlo desaparecer.

[caotz]

Iniciado por EthanBrody

Muchas gracias por las respuestas, entonces quiere decir que el * estaria indicando a todos los elementos dentro ¿? Ojala me funcione, no sabes que navegadores lo interpreten asi... Me acaba de pasar que tenia mi pagina ya hecha, y después de probarla en IE, me dieron ganas de hacerlo desaparecer.

Si, el * se refiere a todos los elementos.
En cuanto a lo navegadores, solo lo he probado en Firefox 6 e IE 8 y funciona correctamente.

[IsaBelM]

Iniciado por EthanBrody

Muchas gracias por las respuestas, entonces quiere decir que el * estaria indicando a todos los elementos dentro ¿? Ojala me funcione, no sabes que navegadores lo interpreten asi... Me acaba de pasar que tenia mi pagina ya hecha, y después de probarla en IE, me dieron ganas de hacerlo desaparecer.

(*) es el selector universal y representa a cualquier elemento de página. según este selector (#miID *) encaja con cualquier elemento que esté dentro de un elemento con id #miID. lee este articulo (el comienzo y mas o menos la mitad)