这篇文章主要介绍了css中的inherit使用技巧小结,css中的继承关键字的使用是css入门学习中的基础知识,需要的朋友可以参考下
稍不留意便会忽略掉级联样式表的特点。大多数开发者都知道inherit关键字，但有几个新的CSS3继承特性你可能不知道…
property: inherit;
inherit关键字代表“使用指定给父元素的所有值”。如果父元素中没有明确的值定义，浏览器搜寻DOM树直到找到相应的属性。最终无法找到的话，它会使用浏览器的默认值，例如：
#myparent { margin: 10px; border: 1px solid #000; } /* use the same border as the parent */#myparent p { border: inherit; }
在实践中是很少有必要使用inherit的。许多有用的属性自动继承，例如字体，字体大小，颜色，等等。
inheritis可以放心地使用。尽管IE6和IE7不支持，但你的设计不会因为这个而被破坏。
property: initial;
立即学习“前端免费学习笔记（深入）”；
哦，一个新的CSS3关键词！initial设置一个属性为它的初始值——浏览器的默认定义值，例如：
body { font-size: 0.5em; } /* reset paragraphs to 1em */p { font-size: initial; }
它有用么？可能吧，毕竟你不能确保所有浏览器有相同的默认值。
支持合理——Chrome，Firefox，Safari和Opera 15 +。IE下它不生效，而且我正在努力思考什么情况下这将是一个灾难性问题。
property: unset;
这是稍微不寻常的一个。unset使用时，它表现地就像有可继承值存在时继承了一样。如果它找不到可继承的值——比如，它是像box-shadow等不可继承的属性——它表现地好像继承了浏览器的默认值。
话又说回来，我想不出太多使用unset的场景，目前对支持它的很少。
all: [ inherit | initial | unset ];
最后，all是一个属性而不是一个值。你可以指定inherit、initial或者unset来影响所有的属性，例如重置所有CSS属性为浏览器默认：
#mywidget { all: initial; }
如果你添加了第三方控件且要避免页面样式冲突的话，这可能是一个可选的全局CSS域。
不幸的是，目前为止你不能依靠跨浏览器的严格的一致性，然而，它依然是一个有用的特性。
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
关于CSS Normalize的文件配置
在CSS中对RGB颜色的使用分析
以上就是CSS中的inherit使用分析的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1610123.html
微信扫一扫 
支付宝扫一扫 
