为什么CSS中字体大小设置不遵循权值
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<style type="text/css">
/*div{font-size:20px;}
/*.em{font-size:1.5em;}*/
div{color:blue;}
.em{color:green;}
</style>
</head>
<body>
<div>
<p class="em">看看字体有什么变化</p>
</div>
</body>
</html>
为什么颜色会遵循权值，而设置字体的时候会一层层来计算，而不是直接用权值来优先使用权值最大的那个字体呢？
52
收起
正在回答
2回答
div{font-size:20px;}
.em{font-size:1.5em;}
这两行代码不冲突的，一个是给div设置字体大小的，一个是给p设置字体大小的，设置了div{font-size:20px;}之后，div里面所有的元素字体大小都是20px，然后你又给p设置了.em{font-size:1.5em;}，这个时候p的字体大小就变成了20*1.5=30px了，em是相对单位。
1em 等于当前的字体尺寸。
2em 等于当前字体尺寸的两倍。
例如，如果某元素以 12pt 显示，那么 2em 是24pt。
和颜色的一个道理。祝学习愉快！
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星