css属性之currentColor

currentColor会使用已经存在的color的值

div { 
  color: red; 
  border: 5px solid currentColor;
  box-shadow: 0 0 5px solid currentColor;
}

currentColor会继承父元素的color

body { color: red; }
div { border: 5px solid currentColor; }
div {

   color: red;
      
   border: 5px solid currentColor;
   box-shadow: 0 0 5px currentColor; 
    
   color: black;
   
 }

这里如果有多个color的重复声明,那么currentColor会以最后一个color的为准

参考链接

https://css-tricks.com/currentcolor/

posted @ 2019-02-14 13:23  wynnzen  阅读(300)  评论(0编辑  收藏  举报