html { font-size: 62.5%; } p { font-size: 1.6rem; } main div { font-size: 2.6rem; } Por qué maantiene la misma fuente de 16px en todos lo...

Roderick Mendoza

Pregunta

student•

html {

font-size: 62.5%;

}

p {

font-size: 1.6rem;

}

main div {

font-size: 2.6rem;

}

Por qué maantiene la misma fuente de 16px en todos los parráfos? Cómo hago para aumentar la fuente en los DIV?

<main>

<p>Soy un texto ejemplo</p>

<div>

<p>Soy otro texto de ejemplo</p>

<div><p>Soy otro texto de ejemplo</p>

<div><p>Soy otro texto de ejemplo</p></div>

</div>

</main>

Arturo Mauricio Terceros Beltrán

student•

La estructura de tu html no corresponde con el css. El Html deberia ser el siguiente.

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="./src/styles.css" />
    <title>Parcel Sandbox</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <main>
      <p>Soy un texto ejemplo</p>
      <div>
        Soy otro texto de ejemplo
      </div>
    </main>
  </body>
</html>

Puedes revisar el ejemplo tambien en: https://codesandbox.io/embed/jovial-kepler-ocvoj?fontsize=14&hidenavigation=1&theme=dark

html { font-size: 62.5%; } p { font-size: 1.6rem; } main div { font-size: 2.6rem; } Por qué maantiene la misma fuente de 16px en todos lo...

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]