img被hover、focus的时候CSS改变src图片路径

背景：在一个合作开发的项目当中，没有给我们提供响应的开发素材，就自己去阿里图标库寻找了类似的图标，但是存在一个鼠标滑过图标时候，图标颜色需要变化，这个时候又没有可以判断鼠标是否过来的条件，只能通过鼠标滑动函数进行判断，因此这里就需要使用css样式的方式来适配鼠标滑过时候的样式适配了。

img标签中的src的通过CSS样式改变：

img的src通过content改变鼠标hover、focus时的图片路径：

<img class="img-css img-hover" src="@/assets/img_icon.png" alt=""/>
 
  .img-css:hover .img-hover{
    content: url("../../assets/img_icon_hover.png");
  }

上述代码中类img-css作为鼠标滑过的样式范围及滑过滑走判断，类img-hover中的content改变img标签中src的路径。