什么';CSS继承和初始的区别是什么?

什么';CSS继承和初始的区别是什么?,css,Css,就CSS而言,inherit和initial之间到底有什么区别? 对我来说,它们的工作原理都是一样的,例如: a.no-style{color: inherit} 我也会这样做 a.no-style{color: initial} 继承 此关键字应用元素父级的值 不管这是否有意义。一些CSS属性,例如颜色或 字体族是自动继承的,但其他字体族,如显示 或者说是利润,不是吗。inherit关键字应该适用于所有CSS 不过,这是我的财产 首字母 此关键字应用CSS中定义的初始值 规格。有时,此初始

就CSS而言,
inherit
initial
之间到底有什么区别? 对我来说,它们的工作原理都是一样的,例如:

a.no-style{color: inherit}
我也会这样做

a.no-style{color: initial}
继承

此关键字应用元素父级的值

不管这是否有意义。一些CSS属性,例如颜色或 字体族是自动继承的,但其他字体族,如显示 或者说是利润,不是吗。inherit关键字应该适用于所有CSS 不过,这是我的财产

首字母

此关键字应用CSS中定义的初始值 规格。有时,此初始值有意义(浮动: 无),有时出于历史原因(背景重复: 重复),有时规范编写者会做出一个 随机的,虽然有些防御性的选择(颜色:黑色)

来自站点的更多信息继承:

inherit关键字指定属性应继承其值 从其父元素

首字母:

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


继承始终来自文档树中的父元素,即使父元素不是包含块。初始标记只为元素提供其原始值。

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

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

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

CSS3中添加了一个initial关键字,以允许作者显式指定此初始值

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


来源:

颜色:Internet Explorer不支持初始值。

当父元素重新定义颜色时,会显示差异

继承:使用父元素的绿色

首字母:使用首字母(黑色)颜色

示例:

绿色{颜色:绿色;边框:1px实心#ccc;填充:6px;} a{颜色:蓝色;} a、 继承{color:inherit;} a、 首字母{color:initial}

此分区中的绿色文本>



这可能会有帮助:检查一下:如果将
h1{color:initial;}
更改为
h1{color:inherit;}
,会发生什么?当然会是红色的!我认为如果你决定复制并粘贴答案,至少你必须提到来源或作者。无论如何,回答得很好。我认为90%的人来这里是因为他们觉得技术文档太冗长了。约翰·斯莱格斯是对的: