首先感谢张鑫旭老师的文章:
然后现在我们有图标字体,是解决网页端小icon种种问题较为理想的方案
现在,currentColor搭配图标字体,实现点击,点赞,回复,返回等等文字与icon颜色的变化。
css片段:
p {
color: #555555;opacity: .6;
}
p:before {
font-family: icomoon;/*在引入外部图标字体样式后*/
content: "\e900";
color: currentcolor;
}
p:hover {
color: #4D95FF;
}
html片段:
<p>ssssss</p>
只需要给文字前加上标签即可,简洁。