CSS中有两个特殊值可以赋给任意属性来控制级联:inherit和initial。让我们看看这两个特殊值。使用inherit关键字有时,我们想用继承来替换级联值。这时候可以使用inherit关键字。它可用于覆盖另一个值,以便该元素继承其父元素的值。假设我们要给网页添加一个浅灰色的页脚。页脚中有一些链接,但我们不希望这些链接过于突出,因为页脚不是页面的焦点。因此,页脚中的链接应该变成深灰色(如下图所示)。继承灰色文本颜色的“使用条款”链接通常我们会为网页上的所有链接添加一种字体颜色(如果没有,则以用户代理样式为准)。这种颜色也适用于页脚中的“使用条款”链接。为了使页脚中的链接变灰,需要覆盖颜色值。将以下代码添加到您的样式表中。a:link{/*(后面3行)全局网页链接颜色*/color:blue;}...footer{color:#666;/*footer的文字设置为灰色*/background-color:#ccc;padding:15px0;text-align:center;font-size:14px;}.footera{color:inherit;/*从页脚继承文本颜色*/text-decoration:underline;}第三个规则集覆盖蓝色链接颜色使页脚链接的级联值继承。因此,它继承了父元素的颜色。这样做的好处是,如果页脚发生任何样式更改(例如修改第二个规则集,或被其他样式覆盖),页脚链接的颜色将随页脚的其余部分发生变化。例如,当页脚文本变为深灰色时,其中的链接也会相应地发生变化。您还可以使用inherit关键字强制继承通常不会被继承的属性,例如边框和填充。使用initial关键字有时,您需要撤消应用于元素的样式。这可以通过initial关键字来实现。每个CSS属性都有一个初始(默认)值。为属性分配初始值有效地将其重置为其默认值,这相当于硬重置该值。下图显示了将初始而不是继承分配给页脚链接的效果。默认颜色值为黑色。上图对应的CSS代码如下footera{color:initial;text-decoration:underline;}因为在大多数浏览器中,black是color属性的初始值,所以color:initial相当于color:black.这样做的好处是不需要想太多。如果要删除元素的边框,只需设置border:initial。如果要将元素恢复为默认宽度,请设置width:initial。您可能习惯于使用auto来实现这种重置效果。其实使用width:auto也是一样的,因为width的默认值是auto。但是请注意,auto不是所有属性的默认值,甚至不是许多属性的合法值。例如border-width:auto和padding:auto是非法的,因此不会生效。您可以花一点时间探索这些属性的初始值,但使用initial更容易。说明:声明display:initial等同于display:inline。无论应用于哪种类型的元素,都不会等于display:block。这是因为initial重置为属性的初始值,而不是元素的初始值。inline是显示属性的初始值。
