Css 为什么呢！重要信息被覆盖？

为什么计算的字体大小是

22.08px

（

1.38em

），而不是

16px

.stec{
字体大小：16px！重要；
}
#内容p{
字体大小：1.38em；/*为什么会覆盖！重要吗*/
}

一些段落文本

继承的样式优先级很低。从：

无论继承规则的特殊性如何，直接目标元素的样式始终优先于继承的样式

所以，这就是你的问题

.stec

和

#content p

的目标元素不相同

#content p

覆盖从

.stec

继承的样式

考虑下面的例子。您可能期望段落文本为红色，从其div父级继承而来。。。但事实并非如此：

div{
颜色：红色！重要；
}
p{
颜色：蓝色；
}

这个文本是红色的。
您是否也希望此文本为红色？