如何將數據從json傳遞給css？

我在我的項目中圖像文件夾，也有像如何將數據從json傳遞給css？

img> auto_active.png ,auto_inactive.png

一些圖片，也有像

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

和HTML一樣，

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

</div>

我希望有一個JSON文件改變懸停圖像，所以我使用這樣的css

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

}

但這種方法是不是使用全鍵綁定鍵與css.how我可以綁定json鍵與CSS懸停更改圖像？

您可以使用jQuery/JavaScript更改頁面上HTML元素的CSS。 –

@devlincarnate您無法通過JavaScript更改'：hover'僞類的樣式。（至少不只是這樣）。 – GolezTrol

我假設你的配對是動態的？如果沒有，你可以直接在你的css – henry

但這種方法是不是使用全鍵綁定鍵與css.how我可以綁定json鍵與CSS來懸停更改圖像嗎？

爲auto和car創建不同的CSS類，並在img切換類。

2016-09-06 23:22:00 basarat

回答