好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css学习之color:window和color:currentColor_html/css_WEB

一、易被忽略的属性

color: currentColor color: window

  看完之后感觉眼前一亮,有的我之前根本没有用过,甚至都不知道有color: currentColor这么个东西,抑制不住内心的好奇立马翻阅资料看了看以上属性的区别。接下来小编就谈谈本人学习之后的理解

   1、color: currentColor

   currentColor关键字的使用值是color属性值的计算值。如果currentColor关键字被应用在 color 属性自身,则相当于是 color: inherit;

   div { border: 1px solid; color: red; } 

  上述代码将会让div拥有一个红色的边框,这就解释了 border-color 属性的默认值是color属性的值;如果将上述代码中的color属性定义删除,那么边框的颜色将取决于 父元素 的 color 计算值,因为 color 拥有继承性;

  如果父级元素也没有指定颜色,那它的父级元素就会从父级的父级去继承,直到文档的根结点html标签都还没显示指定一个颜色呢,就用浏览器默认的颜色,例如:

             Document          .mm{        color:currentColor;    }           

sdfsdfsdf

查看更多关于css学习之color:window和color:currentColor_html/css_WEB的详细内容...

  阅读:31次