一、currentColor-真正大隱于市者
實(shí)際上，之前“SVG圖標(biāo)顏色文字般繼承與填充”一文就簡單介紹過currentColor, 后來有同事問此關(guān)鍵字，說沒見過。我意識(shí)到，應(yīng)該好好大家宣揚(yáng)currentColor一番。
currentColor顧名思意就是“當(dāng)前顏色”，準(zhǔn)確講應(yīng)該是“當(dāng)前的文字顏色”，例如：
沒錯(cuò)!再說一遍，沒錯(cuò)！就是這么一個(gè)長得很不和諧的單詞就是CSS3中一個(gè)標(biāo)準(zhǔn)且重要且強(qiáng)大的關(guān)鍵字。
什么？你沒見過！！孤陋寡聞了吧~~過來~~來嘛~~只告訴你一個(gè)人哦，鄙人其實(shí)……已經(jīng)使用有一段時(shí)日了，超贊的！
沒事沒事，別慌，現(xiàn)在開始認(rèn)識(shí)還來得急，也會(huì)讓你爽滴！
二、currentColor的使用與表現(xiàn)
上面提到，currentColor表示“當(dāng)前的標(biāo)簽所繼承的文字顏色”。可能還有小伙伴一時(shí)半會(huì)沒消化過來，炒兩個(gè)簡單板栗助消化，CSS代碼如下：
于是，如果御用妹子直接暴露在本文中，妹子邊框顏色就會(huì)是文章默認(rèn)文字顏色，如下這樣子：
我的鑫空間<pre>標(biāo)簽文字顏色是藍(lán)色(pre { color: blue; })，于是，我把御用妹子放在<pre>標(biāo)簽中，則邊框則是藍(lán)色，如下：
注意：由于是CSS3新增關(guān)鍵字，需要IE9+以及其他現(xiàn)代瀏覽器才有效果。
換種方式表示就是：currentColor = color的值
用圖示意是：
任意替換性
凡事需要使用顏色值的地方，都可以使用currentColor替換，比方說背景色 – background-color, 漸變色 – gradient, 盒陰影 – box-shadow, SVG的填充色 – fill等等。很靈活，很好用！
下面問題來了，我要讓圖片邊框藍(lán)色，直接：
不就好了，還要費(fèi)盡周折弄個(gè)currentColor搞摩斯(武漢話，’干嘛’意思)啊？這活生生多了好多字節(jié)的大小啊！
新聞熱點(diǎn)
疑難解答
圖片精選
