css字体不继承怎么办

css字体不继承是因为通配符优先级大于继承而来样式的优先级，所以span获得的字体样式来自于通配符，其解决办法就是根据优先级问题进行修改即可。

本教程操作环境：Windows7系统、HT ML 5 && CSS3版，DELL G3 电脑。

推荐：css视频教程

具体问题：

为什么span不能继承font -s ize?

如题

<!DOCTY PE  html>
<html>
<head>
    < ;m eta charset="UTF-8">
    <t IT le> test </title>
    <style>
        *{
            font- Size: 0;
            m arg in:0;
            padding:0;
        }
        .cont ai ner{
            mar gin  -t op:20px;
            background-color: orange;
            font-size:20px !important;
            line-h ei ght: 1;
        }
    </style>
</head>
<body>
    <div>
        <span style="background-color:  # fff;">xxxx</span>
    </div>
</body>
</html>

解决办法：

如上各位兄台所说，span的字体是可以继承父样式的字体的，可是呢，因为涉及到css优先级问题，通配符优先级大于继承而来样式的优先级，所以span获得的字体样式来自于通配符。有图有真相：

以上就是css字体不继承怎么办的详细内容，更多请关注其它相关文章！

总结

以上是为你收集整理的 css字体不继承怎么办全部内容，希望文章能够帮你解决 css字体不继承怎么办所遇到的问题。

如果觉得网站内容还不错，欢迎将推荐好友。

查看更多关于css字体不继承怎么办的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did199268

更新时间：2023-04-27 阅读：22次