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

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

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

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

main {
	font-size: 10px;
}

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

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

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

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

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

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

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

Вызначыце, які памер шрыфту ў px будуць мець дывы ў выніку выканання наступнага кода:

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

Вызначыце, які памер шрыфту ў px будуць мець абзацы ў выніку выканання наступнага кода:

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

Вызначыце, які памер шрыфту ў px будуць мець абзацы ў выніку выканання наступнага кода:

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