Como selecionar o segundo parágrafo de uma div sem usar JavaScript?

pedro56 · 23/04/2021

Hola querida comunidad 🧡

Tengo el siguiente código html:

Inserir CODE, HTML ou 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/04/2021

con esto:

Inserir CODE, HTML ou PHP:

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

}
</style>

pedro56 · 23/04/2021

xcite disse:
con esto:

Inserir CODE, HTML ou PHP:

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

Voy a probar.

pedro56 · 23/04/2021

xcite disse:
con esto:

Inserir CODE, HTML ou 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/04/2021

pedro56 disse:
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/04/2021

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

Gracias, lo probaré.

LuisPariona disse:
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.

Como selecionar o segundo parágrafo de uma div sem usar JavaScript?

pedro56

xcite

pedro56

pedro56

LuisPariona

pedro56

Tópicos similares