Rumah >hujung hadapan web >tutorial css >css字体不继承怎么办
css字体不继承怎么办
- 藏色散人asal
- 2021-01-25 09:38:312820semak imbas
css字体不继承是因为通配符优先级大于继承而来样式的优先级，所以span获得的字体样式来自于通配符，其解决办法就是根据优先级问题进行修改即可。
本教程操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑。
推荐：css视频教程
具体问题：
为什么span不能继承font-size?
如题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
*{
font-size:0;
margin:0;
padding:0;
}
.container{
margin-top:20px;
background-color: orange;
font-size:20px !important;
line-height: 1;
}
</style>
</head>
<body>
<div>
<span style="background-color: #fff;">xxxx</span>
</div>
</body>
</html>解决办法：
如上各位兄台所说，span的字体是可以继承父样式的字体的，可是呢，因为涉及到css优先级问题，通配符优先级大于继承而来样式的优先级，所以span获得的字体样式来自于通配符。有图有真相：
Atas ialah kandungan terperinci css字体不继承怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css背景超出宽度怎么办Artikel seterusnya：apache不加载css文件怎么办