css字体不继承怎么办
导读:收集整理的这篇文章主要介绍了css字体不继承怎么办,觉得挺不错的,现在分享给大家,也给大家做个参考。css字体不继承是因为通配符优先级大于继承而来样式的优先级,所以span获得的字体样式来自于通配符,其解决办法就是根据优先级问题进行修改即可...
收集整理的这篇文章主要介绍了css字体不继承怎么办,觉得挺不错的,现在分享给大家,也给大家做个参考。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获得的字体样式来自于通配符。有图有真相:
以上就是css字体不继承怎么办的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css字体不继承怎么办
本文地址: https://pptw.com/jishu/588696.html