如何将数据从json传递到css？

Question

我的项目中有一个图像文件夹，有一些像

这样的图像

img> auto_active.png ,auto_inactive.png 

并且还有一个像

这样的json文件

[
{"key":auto},
{"key":car}
]

和Html一样

<div class="india">
<img src="{{key}}_active.png"

</div>

我想在悬停时更改图像，所以我正在使用这样的CSS

.india:hover{
 background-image: url("img/{{key}}_inactive.png");

}

但是这种方法不能用于将密钥与css绑定。我可以用jss绑定json密钥来更改悬停时的图像吗？

Answer 1

  

但是这种方法不能用于将密钥与css绑定。我可以用jss绑定json密钥来更改悬停时的图像吗？

为auto和car创建不同的CSS类，并在img上切换类。