如何将数据从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 绑定键。如何将 json 键与 css 绑定以更改悬停时的图像？

Answer 1

但是这种方法不能完全用 css 绑定键。如何将 json 键与 css 绑定以更改悬停时的图像？

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