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/

猜你喜欢

转载自www.cnblogs.com/wynnzen/p/10374073.html
0条评论
添加一条新回复
  
今日推荐