0

¿Existe la posibilidad de seleccionar todos los hijos de un determinado elemento, a pesar de que estos sean diferentes? Pongo un código de ejemplo;

<div id='contenedor'>
    <a href='#'>Esto es un ejemplo>
    <h1>Ejemplo h1</h1>
    <p>Parrafo de ejemplo</p>
</div>

Me refiero a poder dar estilos a todos los elementos dentro del div id='contenedor' en un sola declaración. Por ejemplo, que los elementos a, h1 y p tengan un margen de 20px.

2 respuestas 2

2

puede usar * justo despues de su selector padre para aplicar estilo a sus hijos así:

#contenedor * {
  margin: 20px;
}
2
  • Vaya era muy sencillo, sólo tenía que pensar un poquito más. Gracias
    – asantana o
    Commented el 5 dic. 2017 a las 23:25
  • No hay problema =)
    – Michael
    Commented el 5 dic. 2017 a las 23:35
0

La manera correcta de expresar exactamente lo que quieres es:

foobar > * {}

El estilo anterior seleccionará todo elemento hijo de foobar.

Si tu intención es seleccionar todo elemento hijo de foo, bar y baz, sería:

foo, bar, baz > * {}
5
  • Hola ortizlab, la pregunta es bastante vieja. En todo caso, el último caso que propones debería ser foo > *, bar > *, baz > * {}. Si no, sólo se seleccionarán los elementos foo, bar y los hijos de baz. Saludos
    – asantana o
    Commented el 15 may. 2019 a las 23:24
  • Te recomiendo que revises foo, bar, baz > * {}, puesto que todo elemento dentro de, tanto foo, como bar y baz, heredan el estilo. Te dejo un enlace con más información al respecto, para que puedas resolver las dudas que tengas respecto a esta pregunta. How to select all child elements recursively using CSS?
    – user128841
    Commented el 16 may. 2019 a las 13:49
  • codepen.io/xxx41/pen/dEWvEo
    – asantana o
    Commented el 16 may. 2019 a las 19:17
  • A lo mejor no funciona bien Codepen, prueba en about:blank. Ejemplo
    – user128841
    Commented el 16 may. 2019 a las 21:24
  • Eso ocurre porque la propiedad color afecta a los hijos del contenedor. Te dejo otro ejemplo para que lo puedas probar. codepen.io/xxx41/pen/dERZRV
    – asantana o
    Commented el 17 may. 2019 a las 22:26

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.