在CSS中有两个独特值能够赋给随意特性,用以操纵堆叠:inherit和initial。大家讨论一下这两个独特值。

CSS中的两个特殊值用于控制层叠的inherit和initial的方法 initial inherit 特殊值 css CSS  第1张

应用inherit关键词

有时候,大家想要继承替代一个堆叠值。此刻可以用 inherit 关键词。可以用它来遮盖另一个值,那样该原素就会继承父亲原素的值。

假定我们要给网页页面再加一个浅灰色的页脚。在页脚上面有一些连接,但我们不期待这种连接太醒目,由于页脚并不是网页页面的关键。因而要将页脚的连接变为深灰色(如图所示下面的图)。

继承了灰色文字颜色的 “Terms of use” 连接

一般 大家会给网页页面的全部连接再加一个字体样式颜色(假如不用得话,就会以客户代理商款式为标准)。这一颜色也会功效于页脚的“Terms of use”连接。为了更好地让页脚的连接变为灰色,必须遮盖颜色值。将以下编码加上到你的css样式表。

a:link{                     /* (一下3行)全局性的网站链接颜色 */ 
  color: blue; 
} 
... 
.footer{ 
  color: #666;      /* 页脚的文字设定位灰色 */ 
  background-color: #ccc; 
  padding: 15px 0; 
  text-align: center; 
  font-size: 14px; 
} 
.footer a{ 
  color: inherit;   /* 从页脚继承文字颜色 */ 
  text-decoration: underline; 
} 

第三个标准集遮盖了深蓝色的连接色,让页脚连接的堆叠数值 inherit。因而,它继承了父原素的颜色。

小结

到此这篇有关CSS中的2个独特值用以操纵堆叠的inherit和initial的文章内容就详细介绍到这了,大量有关css 独特值操纵堆叠的inherit和initial內容请搜索之前的文章内容或再次访问下边的类似文章,期待大伙儿之后多多的适用!