在CSS3中扩展了颜色值包含 currentColor 关键字，并用于所有接受颜色的属性上。
currentColor是 color 属性的值，具体意思是指：currentColor关键字的使用值是 color 属性值的计算值。
如果currentColor关键字被应用在 color 属性自身，则相当于是 color: inherit。

上述这些话都是什么意思呢？先看个例子

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

如果你能立马知道上述代码的运行结果，那么就差不多理解 currentColor 关键字的意思了。
上述代码将会让div拥有一个红色的边框，这就解释了 border-color 属性的默认值是 color 属性的值；
如果将上述代码中的color属性定义删除，那么边框的颜色将取决于父元素的 color 计算值，因为 color 拥有继承性；
效果图：

兼容性：

案例：

currentColor和渐变的结合，和动画的结合，和伪对象元素的结合

<style>
/*使用googlefont*/
/*@import url(//fonts.googleapis.com/css?family=Cedarville+Cursive);*/
/*使用渐变划线，利用text-shadow隔离线条*/
h2.icon{
  margin:10px 0;
  display: inline-block;
  font-size:3em;
  width:auto;
  font-family:Cedarville Cursive;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff;
  color: #000;
  background-image: linear-gradient( to right, currentColor 0%, #fff 120% );
  background-repeat: repeat-x;
  /*background-position: 0 75%;*/
	background-position: 0 100%;
  background-size: 100% 3px;
}
p{
  text-indent: 2em;
  line-height: 1.5em;
}
a.blog,a.link{ 
  text-decoration: none;
  font-weight:bold;
  position: relative;
  margin-right:4px;
}
/*应用到后代伪类元素*/
a.blog           { color: #900; }
a.blog:hover,
a.blog:focus     { color: #990; }
a.blog:active    { color: #999; }

a.blog::after{
  width: 0;
	height: 0;
	border: 0.4em solid transparent;
	border-right: none;
	content: '';
  position:absolute;
  right:-6px;
  top:2px;
}

a.blog::after,
a.blog:hover::after,
a.blog:focus::after,
a.blog:active::after
{
    border-left-color: currentColor;
}
/* 结合动画应用 */
a.link{ 
  color: #900; 
  animation:go 2s infinite;
}
a.link::before,
a.link::after{
  content: '';
  width:100%;
	height: 2px;
	background-color: currentColor;
	position:absolute;
  left:0;
}
a.link::before{
  top:-4px;
}
a.link::after{
  bottom:-4px;
}
@keyframes go{
  0% {color:#900}
  33%{color:#090}
  66%{color:#009}
}
</style>
<h2 class="icon">Let's go to whqet's blog</h2>
<p>
	前端开发whqet，
	<a class="blog" href="#">王海庆的技术博客</a>
	，关注前端开发，分享相关资源，希望可以对您有所帮助。csdn专家博客http://blog.csdn.net/whqet和个人独立博客https://whqet.github.io同步更新，希望可以得到您的支持与肯定，您的支持是我最大的动力！王海庆，浙江邮电职业技术学院软件技术青椒一枚，其貌不扬、其名不翔，关心技术、热爱生活，我爱
	<a class="link" href="#">怒放的生命</a>。
</p>

效果图：

在线编辑地址：http://codepen.io/whqet/pen/LEeoYV?editors=110

由于引用google字体，打开有点慢