css3属性currentColor

明天在日常开发中遇到了一个需要，须要切换伪类的背景色。
而后我尝试了各种方法，甚至用到了css的变量法都没能实现，而后我就找小伙伴去聊这个问题，看看他有没有什么好办法。
他给我提供了两个计划：
1.继承父级的背景色
2.用currentColor，继承父级的文字色彩currentColor

当我看到currentColor时，一脸的问号？？？ 这货是啥，vue貌似没有这个参数吧。

而后我简略谷歌了一下，what，这个货色好，我喜爱。
简略介绍一下 currentColor, 他是css3属性，能够继承最近的父级的color属性, 兼容性也不错，ie9+以上都能够，基本上市面上支流浏览器都能够了。

接下来介绍一下如何应用

.father {  color: red;}.father::after {  background: currentColor;}

是不是很简略？ 对，就是这么简略，只有更改父级的color属性，那么伪类就能够继承父级的color色彩了。这样咱们就能够动静的更改伪类的色彩了。

本文参加了SegmentFault 思否写作挑战赛，欢送正在浏览的你也退出。