0

Como se podría crear un contenedor solo desde css sin modificar ni agregar nada en el html?

Por ejemplo, en el html tengo lo siguiente:

<!DOCTYPE html>
<html>
    <body>
        <h1>Encabezado</h1>
        <h2>2do encabezado</h2>
        <p>1er párrafo</p>
        <p>2do párrafo</p>
    </body>
</html>

Como se podría hacer en CSS para crear un contenedor por ejemplo tomando nada mas desde h2(2do encabezado) hasta el ultimo p(2do párrafo). Y a su vez darle los estilos a ese contenedor como yo quiera. SIN TOCAR EL HTML ni javascrip ni nada, solo CSS.

3
  • Un forma podria ser padding: 70px;
    – Lilibeth
    Commented el 7 sept. 2021 a las 18:16
  • 4
    la respuesta a la pregunta del titulo es que no se puede, ya que desde css no vas a poder crear elementos html. Como te respondieron abajo, usando el body como contenedor y usando nth para asegurarte que luego puedas agregar mas h2 o p al html sin que se vean afectados, es la mejor forma de simularlo.
    – Agustin G.
    Commented el 7 sept. 2021 a las 18:26
  • Hola, Luis. Lamentablemente, no se puede. Commented el 7 sept. 2021 a las 19:45

1 respuesta 1

0

Bunas Luis, todo depende del tipo de estilo CSS que le quieras dar a lo que tienes allí, sin embargo para darle un estilo a los 3 juntos podrías hacer algo así

h2 , p {
  /*  tu estilo aqui  */
}

sin embargo al ser el elemento padre el body, eso afectaría irremediablemente a todos los elementos h2 y p que hayan en tu código

en el caso exacto de de tu código seria además

body p:first-child {
  /* primer elemento <p> del body */
}

body p:last-child {
  /* ultimo elemento <p> del body */
}
1
  • Hola Nelson, entiendo tu comentario, pero ahí le estaría dando estilos solos a los elementos h2 y p. Y no es eso lo que quiero, quiero crear un contenedor desde css en cual pueda separar desde el h2 hasta el ultimo p. Y así separar todo ese contenido del h1. Claro en el hmtl podría colocar un div o cualquier otra etiqueta que los meta en un contenedor que es muy fácil. Pero la idea es no tocar en lo absoluto el html.
    – Luis
    Commented el 7 sept. 2021 a las 18:40

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.