Наследованiе і адзінкі em у CSS

Хай цяпер у нас ёсць больш глыбокая ўкладзенасць:

html<main>
  <div>
    <p>
      text
    </p>
  </div>
</main>

Хай тэг main мае наступны памер шрыфту:

cssmain {
  font-size: 10px;
}

Тэгу div паставім памер шрыфту ў em:

cssdiv {
  font-size: 2em; /* адпавядае 20px */
}

Абзацу таксама паставім памер шрыфту ў em. У гэтым выпадку ён будзе лічыць свой памер aдносна ўжо вылічанага памеру шрыфту дыва:

cssp {
  font-size: 2em; /* адпавядае 40px */
}

Практычныя задачы

Хай у нас ёсць HTML код, для якога мы будзем вырашаць задачы:

html<section>
  <div>
    <p>
      text
    </p>
  </div>
</section>

csssection {
  font-size: 10px;
}
div {
  font-size: 2em;
}

csssection {
  font-size: 10px;
}
div {
  font-size: 2em;
}
p {
  font-size: 1.5em;
}

csssection {
  font-size: 40px;
}
div {
  font-size: 0.5em;
}
p {
  font-size: 0.5em;
}