2015-04-15 193 views
8

按照CSS,inheritinitial之间的区别究竟是什么? 对我来说,他们总是工作一样,例如:CSS继承和初始之间有什么区别?

a.no-style{color: inherit} 

会做同样的

a.no-style{color: initial} 
+0

这可能有所帮助:http://dev.w3.org/csswg/css-cascade/#initial-values –

+1

请查看:http://www.w3schools.com/cssref/tryit.asp?filename= trycss_initial如果将'h1 {color:initial;}'更改为'h1 {color:inherit;}',会发生什么? – MattAllegro

+0

当然是红的! –

回答

8

在每个CSS属性定义的摘要中给出的初始值对于继承和非继承属性具有不同的含义。

对于继承的属性,仅当根元素没有为该元素指定值时才使用初始值。

对于非继承属性,对于任何元素,当元素没有指定值时,使用初始值。

在CSS3中添加了一个初始关键字,允许作者显式指定该初始值。

inherit关键字意味着使用任何值分配给我的父母。

+7

我想如果你决定复制并粘贴答案,至少你必须提及来源或作者。 https://developer.mozilla.org/en-US/docs/Web/CSS/initial_value 无论如何,很好的答案。 – Heisenberg

+1

我认为90%的人来到这里是因为他们发现技术文档太冗长 –

4

继承

此关键字适用元素的父的价值,

是否有意义。某些CSS属性(如color或 font-family)会自动继承,但其他(如display 或margin)则不会。虽然,inherit关键字应该适用于所有CSS 属性。

初始

此关键字适用作为CSS 规范中定义的初始值。有时候这个初始值是有意义的(float: none),有时出于历史原因(背景重复: 重复),有时候规格作者基本上做出了一个随机 - 尽管 - 有些可辩的选择(颜色:黑色) 。从Quirksmode网站

更多

3

继承:

继承关键字指定属性应该继承其父元素的值 。

example

初始:

初始关键字用于设置CSS属性为其默认值。

example

9

继承是总是从在文档树中的父元素,即使当该父组件是不包含块。最初的标签只是给出元素的原始值。

0

color : initial不受Internet Explorer支持。

相关问题