¿Cómo seleccionar el segundo párrafo de un div sin usar JavaScript?

pedro56 · 23 Abr 2021

Hola querida comunidad 🧡

Tengo el siguiente código html:

Insertar CODE, HTML o PHP:

<div id="contenedor-1">
    <div id="contenedor-2">
        <div class="clase-1">
            <div clase="clase-2">párrafo-1</div>
            <div clase="clase-2">párrafo-2</div>
            <div clase="clase-2">párrafo-3</div>
            <div clase="clase-2">párrafo-4</div>
            <div clase="clase-2">párrafo-5</div>
        </div>
    </div>
</div>

Mi pregunta es... ¿Como podría seleccionar el div con el contenido "párrafo-2" sin utilizar JavaScript?

Muchas gracias por su ayuda.

Nota: por favor no me digan que cambie las clases o IDs a los elementos, no me conviene esta vía.

xcite · 23 Abr 2021

con esto:

Insertar CODE, HTML o PHP:

<style>
#contenedor-2 > div > div:nth-child(2){

}
</style>

pedro56 · 23 Abr 2021

xcite dijo:
con esto:

Insertar CODE, HTML o PHP:

<style> #contenedor-2 > div > div:nth-child(2){ } </style>

Voy a probar.

pedro56 · 23 Abr 2021

xcite dijo:
con esto:

Insertar CODE, HTML o PHP:

<style> #contenedor-2 > div > div:nth-child(2){ } </style>

No me funciono...

Se podría hacer pero seleccionado las clases, mas no lo elementos?

LuisPariona · 23 Abr 2021

pedro56 dijo:
No me funciono...

Se podría hacer pero seleccionado las clases, mas no lo elementos?

Sí, es igual solo que reemplazando por las clases:

CSS:

#contenedor-2 > .clase-1 > .clase-2:nth-child(2){

}

Por cierto en el ejemplo pusiste clase="" en lugar de class="" pero me imagino que sólo fue en este ejemplo.

pedro56 · 23 Abr 2021

LuisPariona dijo:
Sí, es igual solo que reemplazando por las clases

Gracias, lo probaré.

LuisPariona dijo:
Por cierto en el ejemplo pusiste clase="" en lugar de class="" pero me imagino que sólo fue en este ejemplo.

Si, solo que lo traduje.

¿Cómo seleccionar el segundo párrafo de un div sin usar JavaScript?

pedro56

xcite

pedro56

pedro56

LuisPariona

pedro56

Temas similares