面试题 px em

问s1、s2、s5、s6的font-size和line-height分别是多少px

<div class="p1">
<div class="s1">1</div>
<div class="s2">1</div>
</div>
<div class="p2">
<div class="s5">1</div>
<div class="s6">1</div>
</div>

.p1 {font-size: 16px; line-height: 32px;}
.s1 {font-size: 2em;}
.s2 {font-size: 2em; line-height: 2em;}

.p2 {font-size: 16px; line-height: 2;}
.s5 {font-size: 2em;}
.s6 {font-size: 2em; line-height: 2em;}

答案
p1 font-size:16px; line-height:32px
s1 font-size:32px; line-height:32px; //相对父级的2倍，继承
s2 font-size:32px; line-height:64px // ,line-height相对于自己

p2 font-size:16px; line-height:32px // ,自己的2倍
s5 font-size:32px; line-height:64px; //相对父级的2倍，继承 line-height：2
s6 font-size:32px; line-height:64px // ,line-height相对于自己