按照CSS,inherit
和initial
之间的区别究竟是什么? 对我来说,他们总是工作一样,例如:CSS继承和初始之间有什么区别?
a.no-style{color: inherit}
会做同样的
a.no-style{color: initial}
按照CSS,inherit
和initial
之间的区别究竟是什么? 对我来说,他们总是工作一样,例如:CSS继承和初始之间有什么区别?
a.no-style{color: inherit}
会做同样的
a.no-style{color: initial}
在每个CSS属性定义的摘要中给出的初始值对于继承和非继承属性具有不同的含义。
对于继承的属性,仅当根元素没有为该元素指定值时才使用初始值。
对于非继承属性,对于任何元素,当元素没有指定值时,使用初始值。
在CSS3中添加了一个初始关键字,允许作者显式指定该初始值。
inherit关键字意味着使用任何值分配给我的父母。
我想如果你决定复制并粘贴答案,至少你必须提及来源或作者。 https://developer.mozilla.org/en-US/docs/Web/CSS/initial_value 无论如何,很好的答案。 – Heisenberg
我认为90%的人来到这里是因为他们发现技术文档太冗长 –
继承
此关键字适用元素的父的价值,
是否有意义。某些CSS属性(如color或 font-family)会自动继承,但其他(如display 或margin)则不会。虽然,inherit关键字应该适用于所有CSS 属性。
初始
此关键字适用作为CSS 规范中定义的初始值。有时候这个初始值是有意义的(float: none),有时出于历史原因(背景重复: 重复),有时候规格作者基本上做出了一个随机 - 尽管 - 有些可辩的选择(颜色:黑色) 。从Quirksmode网站
更多
继承是总是从在文档树中的父元素,即使当该父组件是不包含块。最初的标签只是给出元素的原始值。
color : initial
不受Internet Explorer支持。
这可能有所帮助:http://dev.w3.org/csswg/css-cascade/#initial-values –
请查看:http://www.w3schools.com/cssref/tryit.asp?filename= trycss_initial如果将'h1 {color:initial;}'更改为'h1 {color:inherit;}',会发生什么? – MattAllegro
当然是红的! –